在VUE引入mui

我与影子孤独终老i 提交于 2020-01-30 13:34:04

1,在mui的gethub地址中下载:点击download

 

 2,下载后,解压mui-master,复制里面dist里面的三个文件到项目中:

 

 在项目中起名lib是外部的库

 

 3,在main引入:import mui from './lib/mui/js/mui'

4,打开我们的mui.js文件,找到如下代码,去掉window.mui的注释:

 

 

5,运行发现报错:

 

 明显是严格模式的问题,我们可以安装插件:npm i babel-plugin-transform-remove-strict-mode -d

然后在babelrc配置:

 

 发现还会报错,

再配置这个ignore:

 

 

运行好了:

 

 

6,用个按钮测试一下:

结果

 

 所以还要再引入样式:import mui from './lib/mui/css/mui.min.css'

 

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!