vue + Element-UI图标偶发性乱码问题

new code Boy

已于 2023-05-30 13:49:01 修改

阅读量342

点赞数

文章标签： vue.js ui javascript

于 2023-04-23 11:26:04 首次发布

本文链接：https://blog.csdn.net/qq_46344419/article/details/130317416

版权

升级sass、配置vue.config.js

在这里插入图片描述

（1）sass版本升级到1.39.0

之前：sass: "1.30.0" sass-loader: "10.1.0"

升级：sass: "1.39.0" sass-loader: "10.1.0"

sass版本升级到1.39.0

（2）vue.config.js 可补充css配置

下载：
yarn add css-unicode-loader --dev

vue.config.js配置：

module.exports = {
   devServer: {
    port: port,
    open: true,
    overlay: {
      warnings: false,
      errors: true
    },
    proxy: {
      '/api': {
        target: '',
        ws: true,
        pathRewrite: {
          '^/api': '/'
        }
      }
    },
  },
  -------------------------有用代码-------------------------------
  configureWebpack: config => {
    const sassLoader = require.resolve('sass-loader');
    config.module.rules.filter(rule => {
      return rule.test.toString().indexOf("scss") !== -1;
    })
      .forEach(rule => {
        rule.oneOf.forEach(oneOfRule => {
          const sassLoaderIndex = oneOfRule.use.findIndex(item => item.loader === sassLoader);
          oneOfRule.use.splice(sassLoaderIndex, 0,
          	{ loader: require.resolve("css-unicode-loader") });
        });
      });
    }
  -------------------------有用代码-------------------------------
}