enable esmodule optimizations for css modules

vercel · Feb 28, 2024 · f6c6bf2 · f6c6bf2
1 parent 9408f35
commit f6c6bf2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/packages/next/src/build/webpack/config/blocks/css/loaders/client.ts b/packages/next/src/build/webpack/config/blocks/css/loaders/client.ts
@@ -47,7 +47,10 @@ export function getClientStyleLoader({
     loader: MiniCssExtractPlugin.loader,
     options: {
       publicPath: `${assetPrefix}/_next/`,
-      esModule: false,
+      // Activating the mini-css-extract-plugin esmodules export
+      // allows webpack to optimize the module tree and to inline
+      // the css module class names directly into react components
+      esModule: true,
     },
   }
 }