偏前端 - vue-cli之（項目中使用mui的配置）

github中MUI下載地址：https://github.com/dcloudio/mui

拷貝mui包中的dist到assets文件目錄下的lib(提前創建)中(最好放在assets下，目前還不知道放在static下出現問題的原因)

1.在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;

2.在使用mui時通過在script中的mounted寫入

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

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

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

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

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

5.babelrc 中添加

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

---

---

*注意：

1.在使用mui時，不需要初始化了。比如這樣：　　　　

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

2.注意放包的路徑

3.還有的同學說，我這里面沒有這個.babelrc文件怎么辦，我是用最簡便的命令生成的項目 vue init webpack-simple  demoname

   其實是有的，打開demoname文件夾，‘工具’-‘文件夾選項’-‘查看’-選中‘顯示隱藏的文件夾’