css-unicode-loader icon indicating copy to clipboard operation
css-unicode-loader copied to clipboard

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

Open jetBn opened this issue 2 years ago • 7 comments

jetBn avatar May 07 '22 08:05 jetBn

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

styzhang avatar May 08 '22 14:05 styzhang

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

jetBn avatar May 08 '22 15:05 jetBn

@styzhang

jetBn avatar May 09 '22 01:05 jetBn

@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前面就可以了

styzhang avatar May 15 '22 11:05 styzhang

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

jetBn avatar May 23 '22 11:05 jetBn

image

jetBn avatar May 23 '22 13:05 jetBn

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

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

styzhang avatar Jun 09 '22 11:06 styzhang