Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
8 changes: 4 additions & 4 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -155,12 +155,12 @@ module.exports = {
### `esModule`

Type: `Boolean`
Default: `false`
Default: `true`

By default, `mini-css-extract-plugin` generates JS modules that use the CommonJS modules syntax.
By default, `mini-css-extract-plugin` generates JS modules that use the ES module syntax.
There are some cases in which using ES modules is beneficial, like in the case of [module concatenation](https://webpack.js.org/plugins/module-concatenation-plugin/) and [tree shaking](https://webpack.js.org/guides/tree-shaking/).

You can enable a ES module syntax using:
If you instead require the output to use CommonJS module syntax, disable `esModule` mode like so:

**webpack.config.js**

Expand All @@ -177,7 +177,7 @@ module.exports = {
{
loader: MiniCssExtractPlugin.loader,
options: {
esModule: true,
esModule: false,
},
},
'css-loader',
Expand Down
2 changes: 1 addition & 1 deletion src/loader.js
Original file line number Diff line number Diff line change
Expand Up @@ -204,7 +204,7 @@ export function pitch(request) {
}

const esModule =
typeof options.esModule !== 'undefined' ? options.esModule : false;
typeof options.esModule !== 'undefined' ? options.esModule : true;
const result = locals
? `\n${esModule ? 'export default' : 'module.exports ='} ${JSON.stringify(
locals
Expand Down