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

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.

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