使用elementUI时,若使用sass + sass-loader 偶现icon乱码,sass的编码原因?。
node-sass + sass-loader 则不会
sass-loader, node-sass, webpack,node版本相互依赖
可行的版本
node 16.13.0
node-sass 6.0.1
sass-loader 10.2.0
webpack 4.46.0
另一种解决方法
仍使用sass + sass-loader
不全部引入elementUI组件
删除 @import “~element-ui/packages/theme-chalk/src/index”;
需要的组件单独引入
如 @import ‘~element-ui/packages/theme-chalk/src/table.scss’;
在main.js单独引入icon.css
import ‘element-ui/lib/theme-chalk/icon.css’
不用sass编码就不会有编码问题了。