vue-cli项目中使用mui配置（自测成功）

• github中MUI下载地址：https://github.com/dcloudio/mui
• 拷贝mui包中的dist到assets文件目录下的lib(提前创建)中(最好放在assets下，目前还不知道放在static下出现问题的原因)
• 在mian.js中引入MUI(引入js和css，同时把mui添加到vue原型中)

import './assets/lib/mui/css/mui.css'
import mui from './assets/lib/mui/js/mui.js'
Vue.prototype.mui=mui;

 

【在使用mui时通过在script中的mounted写入

mounted(){//引入的是在mian.js所以加上this
    this.mui("mui-scroll-wrapper").scroll({
      deceleration:0.0005
    })
}

】

• 在bulild 中webpack.base.conf.js中的resolve下的alias下添加

//引入mui
"mui":path.resolve(__dirname,'../src/assets/lib/mui/js/mui.js')

• bulild 中webpack.dev.conf.js添加

//配置mui
new webpack.ProvidePlugin({
  mui:"mui",
  "window.mui":"mui"
}),

 

• .babelrc 中添加

"ignore": ["./src/assets/lib/mui/js/mui.js"]

注:1.我在 github上下载的完整的mui，无需初始化

      2.注意自己放包的路径