vue2 el-icon部署后乱码

bug描述

项目使用 vue2 + element 开发，本地el-icon正常，部署到线上后，偶尔乱码，刷新后又正常了

bug原因

项目打包后，css文件里的el-icon图标编译乱码

bug修复

• 安装插件 css-unicode-loader

• vue.config.js添加如下配置

configureWebpack: (config) => {
        // el-icon乱码
        config.module.rules
            .filter(rule => {
                return rule.test.toString().indexOf("scss") !== -1;
            })
            .forEach(rule => {
                rule.oneOf.forEach(oneOfRule => {
                    oneOfRule.use.splice(oneOfRule.use.indexOf(require.resolve('sass-loader')), 0,
                        { loader: require.resolve("css-unicode-loader") })
                })
            })
    },

• 重新打包，再看打包后的css文件，问号变编码，问题解决