- 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.注意自己放包的路徑