关于vue-cli结合mui打包时所遇到的ttf 文件以及svg报错等问题
- 关于svg引入报错问题，因为webpack识别svg引入的时候需要双引号 所以在mui.css里需要找到这个class: mui-spinner:after 把background-image里面的url引入单引号改成双引号如下图
别以为完了 在这个class 下面还有个class mui-spinner-white:after 如下图
点开url里面的把单引号改成双引号
如果是引入的mui.min.css 找到 mui-spinner和mui-spinner-white:after 这两处的background-image把里面的单引号改成双引号即可
- 关于dev的时候引入mui的tff字体文件正常显示 而打包的时候放在服务器或者手机app上运行的时候不显示的问题，经过多方面查找发现是因为tff文件打包的时候路径问题所导致，需要找到webpack.base.conf.js 文件把之前的默认的处理tff文件的中的tff删掉，新增一条：
{ test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, use: 'url-loader' },
另一篇关于怎么引入mui.js 的方式在我的另一篇博文
https://blog.****.net/weixin_40043172/article/details/88396037
整理不易，请给个赞，谢谢~~~~