有关来自webpack文档站点的代码的问题

Question

From webpack's documentation:

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: ['style-loader'](/loaders/style-loader) },
          {
            loader: ['css-loader'](/loaders/css-loader),
            options: {
              modules: true
            }
          },
          { loader: ['sass-loader'](/loaders/sass-loader) }
        ]
      }
    ]
  }
};

以下行是做什么的？

          { loader: ['style-loader'](/loaders/style-loader) },

我将其粘贴到控制台中，这给了我错误，并且我对js中的这种语法不熟悉。 AFAIK，Webpack配置应为有效的js。

Answer 1

应改为以下语法：

module.exports = {
  module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          { loader: ['style-loader'] },
          {
            loader: ['css-loader'],
            options: {
              modules: true
            }
          },
          { loader: ['sass-loader'] }
        ]
      }
    ]
  }
};

我已经提交了PR here，以使其在文档中也得到修复。