styzhang / css-unicode-loader

webpack loader for convert chinese or double-byte character string of scss/sass/less/css files to unicode encoding.
MIT License
37 stars 6 forks source link

不是vue-cli怎么配置??? #5

Open jetBn opened 2 years ago

styzhang commented 2 years ago

@jetBn 你是用的什么脚手架,原生的webpack吗

jetBn commented 2 years ago

对的,还有 比如是cli 我还想配置webpack其他参数该怎么配?

jetBn commented 2 years ago

@styzhang

styzhang commented 2 years ago

@jetBn 你这个也没个贴图啥的,不知道你们项目上webpack的配置是啥;vue-cli也是基于webpack的,出发点让开发者能快速上手项目,省略webpack繁琐的配置,例如创建项目时根据开发者选择是否使用CSS预处理器,使用那种CSS预处理器(Sass、Less等)),然后合理的加入相关loader的配置。你项目如果走的原生的webpack配置文件来配置,可参考官网loader配置的教程,下面给你个参考:

module.exports = {
  ...
  module: {
    rules: [{
      test: /\.scss$/,
      use: [{
          loader: "style-loader" // 将 JS 字符串生成为 style 节点
      }, {
          loader: "css-loader" // 将 CSS 转化成 CommonJS 模块
      },{
          loader: "css-unicode-loader" // 将 CSS content内容中的双字节字符转换成unicode编码
      },{
          loader: "sass-loader" // 将 Sass 编译成 CSS
      }]
    }]
  }
};

配置的时候保证css-unicode-loader位置在sass-loader前面就可以了

jetBn commented 2 years ago

@styzhang ok 但是我发现好像还是不行 image

jetBn commented 2 years ago

image

styzhang commented 2 years ago

@styzhang ok 但是我发现好像还是不行 image

@jetBn 可以发下你这块完整的loader配置吗