webpack配置css提取插件遇到的问题？

Question

//自己的配置
   module: {
    {
      test: /\.scss$/,
      use: [
        'style-loader',
        {
          loader: 'css-loader',
          options: { modules: true }
        },

官网给的配置示例

官网的给的这个配置是一元二次表达式，MiniCssExtractPlugin后边的逗号是什么意思，我配置的css-loader由于加了css Module 是一个对象，该怎么按照官网的来改？
另外官网的vue-style-loader 和 我配置的style-loader有什么不同呢？
----------------------------------------------------------------------报错

Answer 1

use是一个数组，逗号之前是一个三元表达式，如果不是生产环境则 use:['vue-style-loader', 'css-loader'] 如果生产环境就 use: [MiniCssExtractPlugin.loader] 。其实就是 run dev 用 vue-style-loader ， run build 用 MiniCssExtractPlugin.loader
你把你的 css-loader 那个对象直接复制替代右边的 css-loader 即可