Question about code from webpack documentation site

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) }
        ]
      }
    ]
  }
};

What does the following line do?

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

I pasted it into the console and it's giving me errors and I am not familiar with this kind of syntax in js. AFAIK, webpack configuration should be valid js.

Saransh Kataria · Accepted Answer · 2019-02-25 05:07:20Z

1

It should be the following syntax instead:

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

I have submitted a PR here to get it fixed in the docs as well.

answered Feb 25, 2019 at 5:07

Saransh Kataria

1,50712 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Question about code from webpack documentation site

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related