fix(core): enable esModule for style loaders

lukeed · Apr 16, 2020 · 4e30b47 · 4e30b47
1 parent b8d3b22
commit 4e30b47
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/packages/core/config/index.js b/packages/core/config/index.js
@@ -22,6 +22,7 @@ exports.babel = {
 exports.css = {
 	ignoreOrder: false,
 	importLoaders: 2,
+	esModule: true,
 	modules: {
 		localIdentName: '[hash:base64:5]',
 	}

diff --git a/packages/core/webpack/style.js b/packages/core/webpack/style.js
@@ -32,16 +32,19 @@ module.exports = function (postcss, css, opts) {
 	};
 
 	// assume dev/HMR values initially
-	let fallback = 'style-loader';
-	let chunkFilename = '[id].chunk.css';
 	let filename = '[name].css';
+	let chunkFilename = '[id].chunk.css';
+	let fallback = {
+		loader: 'style-loader',
+		options: { esModule: true }
+	};
 
 	if (css.modules) {
 		css.modules = toModulesObject(css.modules);
 	}
 
 	if (production) {
-		fallback = ExtractCSS.loader; // prepare extraction
+		fallback.loader = ExtractCSS.loader; // prepare extraction
 		chunkFilename = '[id].chunk.[contenthash:8].css';
 		filename = '[name].[contenthash:8].css';
 		// Expose production configuration