webpack配置文件里loader的执行顺序:从下到上,从右到左; css-loader开启css模块化modules: true,

注释:

options:{ importLoaders: 2 } 解决样式文件里使用@import 'xxx.xxx' 的问题

module: {

  rules: [{

    test: /\.scss$/,

    use: [

      'style-loader',

      {

        loader: 'css-loader',

        options: {

          importLoaders: 2,

          modules: true

        }

      },

      'sass-loader',

      'postcss-loader'

    ]

  }]

}