vue项目中icon乱码的问题

最新推荐文章于 2024-08-30 17:42:43 发布

原创最新推荐文章于 2024-08-30 17:42:43 发布 · 423 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #开发语言 #ecmascript

收录于

文章讲述了如何在Vue项目中使用Yarn安装css-unicode-loader并将其配置到webpack规则中，特别是在处理SCSS文件时，通过在sass-loader之前插入css-unicode-loader来处理Unicode字符。

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

vue.config.js配置：

module.exports = {
  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") });
        });
      });
    }
}