@lynx-js/css-extract-webpack-plugin 0.6.0 → 0.6.2

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @lynx-js/css-extract-webpack-plugin
 
+## 0.6.2
+
+### Patch Changes
+
+- Fix "emit different content to the same filename" error ([#1482](https://github.com/lynx-family/lynx-stack/pull/1482))
+
+## 0.6.1
+
+### Patch Changes
+
+- Support Rspack v1.4.9. ([#1351](https://github.com/lynx-family/lynx-stack/pull/1351))
+
 ## 0.6.0
 
 ### Minor Changes

package/lib/CssExtractRspackPlugin.js

@@ -108,9 +108,13 @@ class CssExtractRspackPluginImpl {
                             return acc;
                         }, {});
                         try {
+                            const { compilerOptions: { 
+                            // remove the `templateDebugUrl` to avoid "emit different content to the same filename" error while chunk splitting is enabled, see #1481
+                            templateDebugUrl, ...restCompilerOptions }, } = args.finalEncodeOptions;
                             const { buffer } = await hooks.encode.promise({
                                 encodeOptions: {
                                     ...args.finalEncodeOptions,
+                                    compilerOptions: restCompilerOptions,
                                     css,
                                     lepusCode: {
                                         root: undefined,

package/lib/loader.js

@@ -27,9 +27,7 @@ export async function load(request, addDependencies) {
     if (isNamedExports(moduleExports)) {
         Object.keys(moduleExports).forEach((key) => {
             if (key !== 'default') {
-                if (!locals) {
-                    locals = {};
-                }
+                locals ??= {};
                 locals[key] = moduleExports[key];
             }
         });

package/lib/rspack-loader.js

@@ -9,6 +9,7 @@ export async function pitch(request,
         return;
     }
     const callback = this.async();
+    // @ts-expect-error compatible with rspack < 1.4.9
     // See: https://github.com/web-infra-dev/rspack/pull/7878
     const parseMeta = this.__internal__parseMeta;
     try {
@@ -25,13 +26,19 @@ export async function pitch(request,
         callback(error);
     }
     function addDependencies(dependencies) {
-        parseMeta[this._compiler.webpack.CssExtractRspackPlugin.pluginName] = JSON
-            .stringify(dependencies
-            .map(dep => ({
+        const deps = JSON.stringify(dependencies.map(dep => ({
             ...dep,
             content: dep.content.toString('utf-8'),
             sourceMap: dep.sourceMap?.toString('utf-8'),
         })));
+        // `this.__internal__setParseMeta` has been added in rspack 1.4.9
+        // See: https://github.com/web-infra-dev/rspack/pull/11083
+        if (typeof this.__internal__setParseMeta === 'function') {
+            this.__internal__setParseMeta(this._compiler.webpack.CssExtractRspackPlugin.pluginName, deps);
+        }
+        else {
+            parseMeta[this._compiler.webpack.CssExtractRspackPlugin.pluginName] = deps;
+        }
     }
 }
 export default function loader(content) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/css-extract-webpack-plugin",
-  "version": "0.6.0",
+  "version": "0.6.2",
   "description": "This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS.",
   "keywords": [
     "webpack",
@@ -41,16 +41,16 @@
     "README.md"
   ],
   "dependencies": {
-    "mini-css-extract-plugin": "^2.9.2"
+    "mini-css-extract-plugin": "^2.9.4"
   },
   "devDependencies": {
-    "@microsoft/api-extractor": "7.52.8",
-    "@rspack/core": "1.3.15",
+    "@microsoft/api-extractor": "7.52.10",
+    "@rspack/core": "1.4.11",
     "css-loader": "^7.1.2",
     "sass-loader": "^16.0.5",
-    "webpack": "^5.99.9",
+    "webpack": "^5.101.2",
     "@lynx-js/css-serializer": "0.1.3",
-    "@lynx-js/template-webpack-plugin": "0.8.0",
+    "@lynx-js/template-webpack-plugin": "0.8.4",
     "@lynx-js/test-tools": "0.0.0",
     "@lynx-js/vitest-setup": "0.0.0"
   },