Вопрос о коде с сайта документации веб-пакета

Question

Из документации веб-пакета:

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 здесь , чтобы исправить его и в документах.