Hbuilder打包vue项目生成的App返回键直接退出应用解决方法

1.在vue项目中引入mui2.在main.js中进行全局注册//引入muiimport mui from './assets/js/mui'Vue.prototype.$mui = mui3.在webpack.base.conf.js中module.exports 中加入以下代码：externals:{'mui':'mui'},然后对项目进行打包...

差一步距离

4819人浏览 · 2018-12-13 17:44:18

差一步距离 · 2018-12-13 17:44:18 发布

1.在vue项目中引入mui

2.在main.js中进行全局注册

//引入mui
import mui from './assets/js/mui'
Vue.prototype.$mui = mui

3.在webpack.base.conf.js中module.exports 中加入以下代码：

externals:{
    'mui':'mui'
},

然后对项目进行打包npm run build

==============

第二步中也可以在index.html中进行设置，为了避免打包之后引入js和css的路径错误，将mui的js和css放在static文件夹下。

<body>
  <div id="app"></div>
  <!-- built files will be auto injected -->

  <link rel="stylesheet" href="./static/mui/css/mui.min.css">

  <script src="./static/mui/js/mui.min.js"></script> 

  <script type="text/javascript" charset="utf-8">
    mui.init();   
  </script>
   
</body>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^