@lynx-js/css-extract-webpack-plugin-canary 0.9.0 → 0.10.0-canary-20260717-08dd06ae

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # @lynx-js/css-extract-webpack-plugin
 
+## 0.10.0-canary-20260717031202-08dd06ae3a812155fa82d8d0356e5b7ae5395155
+
+### Minor Changes
+
+- Rename the lazy bundle output directory from `async/` to `lazy-bundle/`. ([#2993](https://github.com/lynx-family/lynx-stack/pull/2993))
+
+  Lazy bundles can now also be loaded synchronously with `import(..., { with: { mode: 'sync' } })`, so the `async/` directory name no longer matches how they are used. The default `lazyBundleFilename` becomes `lazy-bundle/[name].[fullhash].bundle`, and the intermediate outputs move from `.rspeedy/async/<name>/` to `.rspeedy/lazy-bundle/<name>/` accordingly.
+
+  Update deployment scripts that reference the `dist/async/` directory to use `dist/lazy-bundle/` instead.
+
+  `@lynx-js/css-extract-webpack-plugin` requires `@lynx-js/template-webpack-plugin` `^0.14.0`.
+
+### Patch Changes
+
+- Updated dependencies [[`08dd06a`](https://github.com/lynx-family/lynx-stack/commit/08dd06ae3a812155fa82d8d0356e5b7ae5395155)]:
+  - @lynx-js/template-webpack-plugin@0.14.0-canary-20260717031202-08dd06ae3a812155fa82d8d0356e5b7ae5395155
+
 ## 0.9.0
 
 ### Minor Changes

package/lib/CssExtractRspackPlugin.js

@@ -96,7 +96,7 @@ class CssExtractRspackPluginImpl {
         this.name = 'CssExtractRspackPlugin';
         this.hash = null;
         this.hotUpdateFiles = new Map();
-        // Route a lazy bundle's CSS chunk to `.rspeedy/async/<name>/<layer>.css`,
+        // Route a lazy bundle's CSS chunk to `.rspeedy/lazy-bundle/<name>/<layer>.css`,
         // co-located with the bundle's other intermediate outputs. Non-lazy
         // chunks keep the configured template.
         let currentCompilation;
@@ -111,7 +111,7 @@ class CssExtractRspackPluginImpl {
                 if (currentCompilation !== undefined && id !== undefined && id !== null) {
                     const layoutName = LynxTemplatePlugin.getAsyncChunkLayoutName(currentCompilation, id);
                     if (layoutName !== undefined) {
-                        return `.rspeedy/async/${layoutName}.css`;
+                        return `.rspeedy/lazy-bundle/${layoutName}.css`;
                     }
                 }
                 return userChunkFilename;
@@ -219,7 +219,7 @@ class CssExtractRspackPluginImpl {
                                 : undefined;
                             const path = layoutName === undefined
                                 ? compilation.getAssetPathWithInfo(options.chunkFilename ?? '.rspeedy/async/[name]/[name].css', { chunk: c }).path
-                                : `.rspeedy/async/${layoutName}.css`;
+                                : `.rspeedy/lazy-bundle/${layoutName}.css`;
                             return [String(c.name ?? c.id), path];
                         });
                         const { path } = compilation.getPathWithInfo(options.filename ?? '[name].css', { chunk });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lynx-js/css-extract-webpack-plugin-canary",
-  "version": "0.9.0",
+  "version": "0.10.0-canary-20260717-08dd06ae",
   "description": "This plugin extracts CSS into separate files. It creates a CSS file per JS file which contains CSS.",
   "keywords": [
     "webpack",
@@ -46,9 +46,9 @@
     "@rstest/core": "0.11.0",
     "css-loader": "^7.1.4",
     "sass-loader": "^16.0.7",
-    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.13.0",
-    "@lynx-js/test-tools": "0.0.0",
-    "@lynx-js/css-serializer": "npm:@lynx-js/css-serializer-canary@0.1.6"
+    "@lynx-js/css-serializer": "npm:@lynx-js/css-serializer-canary@0.1.6",
+    "@lynx-js/template-webpack-plugin": "npm:@lynx-js/template-webpack-plugin-canary@0.14.0-canary-20260717-08dd06ae",
+    "@lynx-js/test-tools": "0.0.0"
   },
   "peerDependencies": {
     "@lynx-js/template-webpack-plugin": "*"