在avatar.scss中使用css3属性，打包以后为什么没有添加厂商类名呢？请老师解惑。

Question

// avatar.scss 如下图

// index.scss如下图

webpack.config.js配置文件如下图

打包完成以后avatar.scss中的类名在浏览器中的显示如下图

由上图可见 并没有添加厂商前缀，当我使用index.scss中的类名时，却添加上了厂商前缀，如下图

// index.js 如下图

还请老师在百忙之中能够为学生解惑，谢谢！

Answer 1

慕勒1632382 2019-02-22 20:53:17

loader顺序问题，把sass-loader和postcss-loader调换顺序。调整为如下顺序：

use: ['style-loader',

{

loader: 'css-loader',

options: {

importLoaders: 2 // The option importLoaders allows you to configure how many loaders before css-loader should be applied to @imported resources. 1只跑potcss-loader，2跑postcss-loader和sass-loader

// modules: true // 启用CSS Modules

}

},

'postcss-loader',

'sass-loader']

我的理解为postcss-loader是后处理器，应该要放在任何预处理器的后面处理CSS

• 提问者 郭二蛋 #1

  非常感谢！加深了对Loader的理解，我也是昨天下午看到loader的加载顺序

Answer 2

慕粉3324955 2019-02-22 19:04:44

在css-loader中配置modules: true

Answer 3

Dell 2019-02-21 22:51:30

jia58960 同学的答案正确，调整下loader顺序，再实验下即可。

• 提问者 郭二蛋 #1

  老师好，按照您说的方法对我的代码进行修改，还是没有添加厂商前缀

• 提问者 郭二蛋 #2

  实验通过，谢谢老师 谢谢Jia58960同学的帮助。