@modern-js/app-tools 2.26.0 → 2.27.0

package/CHANGELOG.md

@@ -1,5 +1,43 @@
 # @modern-js/app-tools
 
+## 2.27.0
+
+### Patch Changes
+
+- 8f5c6d6: fix: use PROCESS_ASSETS_STAGE_DEV_TOOLING instead of PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY
+  fix: 使用 PROCESS_ASSETS_STAGE_DEV_TOOLING 替代 PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY
+- 5129771: fix: Optimize source-map generation in the router-plugin
+  fix: 优化 router plugin 中的 source-map 生成
+- e5e6c26: perf: Optimize route manifest size for multiple entries
+  perf: 优化路由 manifest 在多 entry 场景下的体积
+- Updated dependencies [645e111]
+- Updated dependencies [91d14b8]
+- Updated dependencies [8322a51]
+- Updated dependencies [5376a22]
+- Updated dependencies [d9080ed]
+- Updated dependencies [67d0b0c]
+- Updated dependencies [3f79dd7]
+- Updated dependencies [6d7104d]
+  - @modern-js/builder-webpack-provider@2.27.0
+  - @modern-js/builder-rspack-provider@2.27.0
+  - @modern-js/builder-shared@2.27.0
+  - @modern-js/utils@2.27.0
+  - @modern-js/builder-plugin-node-polyfill@2.27.0
+  - @modern-js/builder-plugin-esbuild@2.27.0
+  - @modern-js/new-action@2.27.0
+  - @modern-js/builder@2.27.0
+  - @modern-js/plugin-i18n@2.27.0
+  - @modern-js/plugin-lint@2.27.0
+  - @modern-js/core@2.27.0
+  - @modern-js/plugin-data-loader@2.27.0
+  - @modern-js/server-core@2.27.0
+  - @modern-js/prod-server@2.27.0
+  - @modern-js/server@2.27.0
+  - @modern-js/node-bundle-require@2.27.0
+  - @modern-js/plugin@2.27.0
+  - @modern-js/upgrade@2.27.0
+  - @modern-js/types@2.27.0
+
 ## 2.26.0
 
 ### Patch Changes

package/dist/cjs/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -8,9 +8,12 @@ Object.defineProperty(exports, "RouterPlugin", {
     return RouterPlugin;
   }
 });
+const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
+const _path = /* @__PURE__ */ _interop_require_default._(require("path"));
 const _lodash = require("@modern-js/utils/lodash");
 const _utils = require("@modern-js/utils");
 const _constants = require("@modern-js/utils/universal/constants");
+const _esbuild = require("esbuild");
 const PLUGIN_NAME = "ModernjsRoutePlugin";
 class RouterPlugin {
   isTargetNodeOrWebWorker(target) {
@@ -36,7 +39,7 @@ class RouterPlugin {
       }
       return path;
     };
-    const chunkToSourceMap = /* @__PURE__ */ new Map();
+    const chunkToSourceAndMap = /* @__PURE__ */ new Map();
     compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
       compilation.hooks.processAssets.tapPromise({
         name: PLUGIN_NAME,
@@ -45,7 +48,8 @@ class RouterPlugin {
         const stats = compilation.getStats().toJson({
           all: false,
           chunkGroups: true,
-          chunks: true
+          chunks: true,
+          ids: true
         });
         const { chunks = [], namedChunkGroups } = stats;
         if (!namedChunkGroups) {
@@ -70,8 +74,11 @@ class RouterPlugin {
           if (!asset) {
             continue;
           }
-          const { map } = asset.sourceAndMap();
-          chunkToSourceMap.set(chunkId, map);
+          const { source, map } = asset.sourceAndMap();
+          chunkToSourceAndMap.set(chunkId, {
+            source,
+            map
+          });
         }
       });
       compilation.hooks.processAssets.tapPromise({
@@ -119,18 +126,6 @@ class RouterPlugin {
         const manifest = {
           routeAssets
         };
-        const injectedContent = `
-            ;(function(){
-              window.${_constants.ROUTE_MANIFEST} = ${JSON.stringify(manifest, (k, v) => {
-          if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
-            return v.map((item) => {
-              return item.replace(publicPath, "");
-            });
-          }
-          return v;
-        })};
-            })();
-          `;
         const entrypointsArray = Array.from(compilation.entrypoints.entries());
         const entryChunkIds = entrypointsArray.map((entrypoint) => entrypoint[0]);
         const entryChunks = [
@@ -147,13 +142,38 @@ class RouterPlugin {
           const file = entryChunkFiles[i];
           const chunkId = entryChunkFileIds[i];
           const asset = compilation.assets[file];
-          if (!asset) {
+          if (!asset || !chunkId) {
             continue;
           }
-          const { source } = asset.sourceAndMap();
-          const map = chunkToSourceMap.get(chunkId);
+          const relatedAssets = {};
+          Object.keys(routeAssets).forEach((routeId) => {
+            if (routeId.startsWith(`${chunkId}`)) {
+              relatedAssets[routeId] = routeAssets[routeId];
+            }
+          });
+          const manifest2 = {
+            routeAssets: relatedAssets
+          };
+          const injectedContent = `
+            ;(function(){
+              window.${_constants.ROUTE_MANIFEST} = ${JSON.stringify(manifest2, (k, v) => {
+            if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
+              return v.map((item) => {
+                return item.replace(publicPath, "");
+              });
+            }
+            return v;
+          })};
+            })();
+          `;
+          const { source, map } = chunkToSourceAndMap.get(chunkId);
           const newContent = `${injectedContent}${source.toString()}`;
-          const newSource = new SourceMapSource(newContent, file, map, source.toString(), map);
+          const result = await (0, _esbuild.transform)(newContent, {
+            loader: _path.default.extname(file).slice(1),
+            sourcemap: true,
+            minify: process.env.NODE_ENV === "production"
+          });
+          const newSource = new SourceMapSource(result.code, file, result.map, source.toString(), map);
           compilation.updateAsset(
             file,
             newSource,

package/dist/esm/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -4,9 +4,12 @@ import { _ as _create_class } from "@swc/helpers/_/_create_class";
 import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { _ as _ts_values } from "@swc/helpers/_/_ts_values";
+import path from "path";
 import { mergeWith } from "@modern-js/utils/lodash";
 import { ROUTE_MANIFEST_FILE } from "@modern-js/utils";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
+import { transform } from "esbuild";
 var PLUGIN_NAME = "ModernjsRoutePlugin";
 export var RouterPlugin = /* @__PURE__ */ function() {
   "use strict";
@@ -36,24 +39,25 @@ export var RouterPlugin = /* @__PURE__ */ function() {
         var webpack = compiler.webpack;
         var Compilation = webpack.Compilation, sources = webpack.sources;
         var RawSource = sources.RawSource, SourceMapSource = sources.SourceMapSource;
-        var normalizePath = function(path) {
-          if (!path.endsWith("/")) {
-            return "".concat(path, "/");
+        var normalizePath = function(path2) {
+          if (!path2.endsWith("/")) {
+            return "".concat(path2, "/");
           }
-          return path;
+          return path2;
         };
-        var chunkToSourceMap = /* @__PURE__ */ new Map();
+        var chunkToSourceAndMap = /* @__PURE__ */ new Map();
         compiler.hooks.thisCompilation.tap(PLUGIN_NAME, function(compilation) {
           compilation.hooks.processAssets.tapPromise({
             name: PLUGIN_NAME,
             stage: Compilation.PROCESS_ASSETS_STAGE_DEV_TOOLING
           }, /* @__PURE__ */ _async_to_generator(function() {
-            var stats, _stats_chunks, chunks, namedChunkGroups, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, entryChunkFileIds, i, file, chunkId, asset, map;
+            var stats, _stats_chunks, chunks, namedChunkGroups, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, entryChunkFileIds, i, file, chunkId, asset, _asset_sourceAndMap, source, map;
             return _ts_generator(this, function(_state) {
               stats = compilation.getStats().toJson({
                 all: false,
                 chunkGroups: true,
-                chunks: true
+                chunks: true,
+                ids: true
               });
               _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
               if (!namedChunkGroups) {
@@ -86,8 +90,11 @@ export var RouterPlugin = /* @__PURE__ */ function() {
                 if (!asset) {
                   continue;
                 }
-                map = asset.sourceAndMap().map;
-                chunkToSourceMap.set(chunkId, map);
+                _asset_sourceAndMap = asset.sourceAndMap(), source = _asset_sourceAndMap.source, map = _asset_sourceAndMap.map;
+                chunkToSourceAndMap.set(chunkId, {
+                  source: source,
+                  map: map
+                });
               }
               return [
                 2
@@ -98,127 +105,182 @@ export var RouterPlugin = /* @__PURE__ */ function() {
             name: PLUGIN_NAME,
             stage: Compilation.PROCESS_ASSETS_STAGE_REPORT
           }, /* @__PURE__ */ _async_to_generator(function() {
-            var stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, injectedContent, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, entryChunkFileIds, i, file, chunkId, asset, source, map, newContent, newSource;
+            var _loop, stats, publicPath, _stats_chunks, chunks, namedChunkGroups, routeAssets, prevManifestAsset, prevManifestStr, prevManifest, _iteratorNormalCompletion, _didIteratorError, _iteratorError, _iterator, _step, _step_value, name, chunkGroup, assets, referenceCssAssets, manifest, entrypointsArray, entryChunkIds, entryChunks, entryChunkFiles, entryChunkFileIds, i;
             return _ts_generator(this, function(_state) {
-              stats = compilation.getStats().toJson({
-                all: false,
-                publicPath: true,
-                assets: true,
-                chunkGroups: true,
-                chunks: true,
-                ids: true
-              });
-              publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
-              routeAssets = {};
-              if (!namedChunkGroups) {
-                return [
-                  2
-                ];
-              }
-              prevManifestAsset = compilation.getAsset(ROUTE_MANIFEST_FILE);
-              prevManifestStr = prevManifestAsset ? prevManifestAsset.source.source().toString() : JSON.stringify({
-                routeAssets: {}
-              });
-              prevManifest = JSON.parse(prevManifestStr);
-              _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
-              try {
-                for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
-                  _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
-                  assets = chunkGroup.assets.map(function(asset2) {
-                    var filename = asset2.name;
-                    return publicPath ? normalizePath(publicPath) + filename : filename;
-                  });
-                  referenceCssAssets = assets.filter(function(asset2) {
-                    return /\.css$/.test(asset2);
-                  });
-                  routeAssets[name] = {
-                    chunkIds: chunkGroup.chunks,
-                    assets: assets,
-                    referenceCssAssets: referenceCssAssets
-                  };
-                  if (prevManifest.routeAssets[name]) {
-                    mergeWith(routeAssets[name], prevManifest.routeAssets[name], function(obj, source2) {
-                      if (Array.isArray(obj)) {
-                        return obj.concat(source2);
+              switch (_state.label) {
+                case 0:
+                  _loop = function(i2) {
+                    var file, chunkId, asset, relatedAssets, manifest2, injectedContent, _chunkToSourceAndMap_get, source, map, newContent, result, newSource;
+                    return _ts_generator(this, function(_state2) {
+                      switch (_state2.label) {
+                        case 0:
+                          file = entryChunkFiles[i2];
+                          chunkId = entryChunkFileIds[i2];
+                          asset = compilation.assets[file];
+                          if (!asset || !chunkId) {
+                            return [
+                              2,
+                              "continue"
+                            ];
+                          }
+                          relatedAssets = {};
+                          Object.keys(routeAssets).forEach(function(routeId) {
+                            if (routeId.startsWith("".concat(chunkId))) {
+                              relatedAssets[routeId] = routeAssets[routeId];
+                            }
+                          });
+                          manifest2 = {
+                            routeAssets: relatedAssets
+                          };
+                          injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest2, function(k, v) {
+                            if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
+                              return v.map(function(item) {
+                                return item.replace(publicPath, "");
+                              });
+                            }
+                            return v;
+                          }), ";\n            })();\n          ");
+                          _chunkToSourceAndMap_get = chunkToSourceAndMap.get(chunkId), source = _chunkToSourceAndMap_get.source, map = _chunkToSourceAndMap_get.map;
+                          newContent = "".concat(injectedContent).concat(source.toString());
+                          return [
+                            4,
+                            transform(newContent, {
+                              loader: path.extname(file).slice(1),
+                              sourcemap: true,
+                              minify: process.env.NODE_ENV === "production"
+                            })
+                          ];
+                        case 1:
+                          result = _state2.sent();
+                          newSource = new SourceMapSource(result.code, file, result.map, source.toString(), map);
+                          compilation.updateAsset(
+                            file,
+                            newSource,
+                            // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                            void 0
+                          );
+                          return [
+                            2
+                          ];
                       }
-                      return Object.assign(source2, obj);
                     });
+                  };
+                  stats = compilation.getStats().toJson({
+                    all: false,
+                    publicPath: true,
+                    assets: true,
+                    chunkGroups: true,
+                    chunks: true,
+                    ids: true
+                  });
+                  publicPath = stats.publicPath, _stats_chunks = stats.chunks, chunks = _stats_chunks === void 0 ? [] : _stats_chunks, namedChunkGroups = stats.namedChunkGroups;
+                  routeAssets = {};
+                  if (!namedChunkGroups) {
+                    return [
+                      2
+                    ];
                   }
-                }
-              } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-              } finally {
-                try {
-                  if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                  }
-                } finally {
-                  if (_didIteratorError) {
-                    throw _iteratorError;
+                  prevManifestAsset = compilation.getAsset(ROUTE_MANIFEST_FILE);
+                  prevManifestStr = prevManifestAsset ? prevManifestAsset.source.source().toString() : JSON.stringify({
+                    routeAssets: {}
+                  });
+                  prevManifest = JSON.parse(prevManifestStr);
+                  _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+                  try {
+                    for (_iterator = Object.entries(namedChunkGroups)[Symbol.iterator](); !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+                      _step_value = _sliced_to_array(_step.value, 2), name = _step_value[0], chunkGroup = _step_value[1];
+                      assets = chunkGroup.assets.map(function(asset) {
+                        var filename = asset.name;
+                        return publicPath ? normalizePath(publicPath) + filename : filename;
+                      });
+                      referenceCssAssets = assets.filter(function(asset) {
+                        return /\.css$/.test(asset);
+                      });
+                      routeAssets[name] = {
+                        chunkIds: chunkGroup.chunks,
+                        assets: assets,
+                        referenceCssAssets: referenceCssAssets
+                      };
+                      if (prevManifest.routeAssets[name]) {
+                        mergeWith(routeAssets[name], prevManifest.routeAssets[name], function(obj, source) {
+                          if (Array.isArray(obj)) {
+                            return obj.concat(source);
+                          }
+                          return Object.assign(source, obj);
+                        });
+                      }
+                    }
+                  } catch (err) {
+                    _didIteratorError = true;
+                    _iteratorError = err;
+                  } finally {
+                    try {
+                      if (!_iteratorNormalCompletion && _iterator.return != null) {
+                        _iterator.return();
+                      }
+                    } finally {
+                      if (_didIteratorError) {
+                        throw _iteratorError;
+                      }
+                    }
                   }
-                }
-              }
-              manifest = {
-                routeAssets: routeAssets
-              };
-              injectedContent = "\n            ;(function(){\n              window.".concat(ROUTE_MANIFEST, " = ").concat(JSON.stringify(manifest, function(k, v) {
-                if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
-                  return v.map(function(item) {
-                    return item.replace(publicPath, "");
+                  manifest = {
+                    routeAssets: routeAssets
+                  };
+                  entrypointsArray = Array.from(compilation.entrypoints.entries());
+                  entryChunkIds = entrypointsArray.map(function(entrypoint) {
+                    return entrypoint[0];
                   });
-                }
-                return v;
-              }), ";\n            })();\n          ");
-              entrypointsArray = Array.from(compilation.entrypoints.entries());
-              entryChunkIds = entrypointsArray.map(function(entrypoint) {
-                return entrypoint[0];
-              });
-              entryChunks = _to_consumable_array(chunks).filter(function(chunk) {
-                var _chunk_names;
-                return (_chunk_names = chunk.names) === null || _chunk_names === void 0 ? void 0 : _chunk_names.some(function(name2) {
-                  return entryChunkIds.includes(name2);
-                });
-              });
-              entryChunkFiles = entryChunks.map(function(chunk) {
-                return _to_consumable_array(chunk.files || []).find(function(fname) {
-                  return fname.includes(".js");
-                });
-              });
-              entryChunkFileIds = entryChunks.map(function(chunk) {
-                return chunk.id;
-              });
-              for (i = 0; i <= entryChunkFiles.length - 1; i++) {
-                file = entryChunkFiles[i];
-                chunkId = entryChunkFileIds[i];
-                asset = compilation.assets[file];
-                if (!asset) {
-                  continue;
-                }
-                source = asset.sourceAndMap().source;
-                map = chunkToSourceMap.get(chunkId);
-                newContent = "".concat(injectedContent).concat(source.toString());
-                newSource = new SourceMapSource(newContent, file, map, source.toString(), map);
-                compilation.updateAsset(
-                  file,
-                  newSource,
-                  // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
-                  void 0
-                );
-              }
-              if (prevManifestAsset) {
-                compilation.updateAsset(
-                  ROUTE_MANIFEST_FILE,
-                  new RawSource(JSON.stringify(manifest, null, 2)),
-                  // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
-                  void 0
-                );
-              } else {
-                compilation.emitAsset(ROUTE_MANIFEST_FILE, new RawSource(JSON.stringify(manifest, null, 2)));
+                  entryChunks = _to_consumable_array(chunks).filter(function(chunk) {
+                    var _chunk_names;
+                    return (_chunk_names = chunk.names) === null || _chunk_names === void 0 ? void 0 : _chunk_names.some(function(name2) {
+                      return entryChunkIds.includes(name2);
+                    });
+                  });
+                  entryChunkFiles = entryChunks.map(function(chunk) {
+                    return _to_consumable_array(chunk.files || []).find(function(fname) {
+                      return fname.includes(".js");
+                    });
+                  });
+                  entryChunkFileIds = entryChunks.map(function(chunk) {
+                    return chunk.id;
+                  });
+                  i = 0;
+                  _state.label = 1;
+                case 1:
+                  if (!(i <= entryChunkFiles.length - 1))
+                    return [
+                      3,
+                      4
+                    ];
+                  return [
+                    5,
+                    _ts_values(_loop(i))
+                  ];
+                case 2:
+                  _state.sent();
+                  _state.label = 3;
+                case 3:
+                  i++;
+                  return [
+                    3,
+                    1
+                  ];
+                case 4:
+                  if (prevManifestAsset) {
+                    compilation.updateAsset(
+                      ROUTE_MANIFEST_FILE,
+                      new RawSource(JSON.stringify(manifest, null, 2)),
+                      // FIXME: The arguments third of updatgeAsset is a optional function in webpack.
+                      void 0
+                    );
+                  } else {
+                    compilation.emitAsset(ROUTE_MANIFEST_FILE, new RawSource(JSON.stringify(manifest, null, 2)));
+                  }
+                  return [
+                    2
+                  ];
               }
-              return [
-                2
-              ];
             });
           }));
         });

package/dist/esm-node/builder/shared/bundlerPlugins/RouterPlugin.js

@@ -1,6 +1,8 @@
+import path from "path";
 import { mergeWith } from "@modern-js/utils/lodash";
 import { ROUTE_MANIFEST_FILE } from "@modern-js/utils";
 import { ROUTE_MANIFEST } from "@modern-js/utils/universal/constants";
+import { transform } from "esbuild";
 const PLUGIN_NAME = "ModernjsRoutePlugin";
 export class RouterPlugin {
   isTargetNodeOrWebWorker(target) {
@@ -20,13 +22,13 @@ export class RouterPlugin {
     const { webpack } = compiler;
     const { Compilation, sources } = webpack;
     const { RawSource, SourceMapSource } = sources;
-    const normalizePath = (path) => {
-      if (!path.endsWith("/")) {
-        return `${path}/`;
+    const normalizePath = (path2) => {
+      if (!path2.endsWith("/")) {
+        return `${path2}/`;
       }
-      return path;
+      return path2;
     };
-    const chunkToSourceMap = /* @__PURE__ */ new Map();
+    const chunkToSourceAndMap = /* @__PURE__ */ new Map();
     compiler.hooks.thisCompilation.tap(PLUGIN_NAME, (compilation) => {
       compilation.hooks.processAssets.tapPromise({
         name: PLUGIN_NAME,
@@ -35,7 +37,8 @@ export class RouterPlugin {
         const stats = compilation.getStats().toJson({
           all: false,
           chunkGroups: true,
-          chunks: true
+          chunks: true,
+          ids: true
         });
         const { chunks = [], namedChunkGroups } = stats;
         if (!namedChunkGroups) {
@@ -60,8 +63,11 @@ export class RouterPlugin {
           if (!asset) {
             continue;
           }
-          const { map } = asset.sourceAndMap();
-          chunkToSourceMap.set(chunkId, map);
+          const { source, map } = asset.sourceAndMap();
+          chunkToSourceAndMap.set(chunkId, {
+            source,
+            map
+          });
         }
       });
       compilation.hooks.processAssets.tapPromise({
@@ -109,18 +115,6 @@ export class RouterPlugin {
         const manifest = {
           routeAssets
         };
-        const injectedContent = `
-            ;(function(){
-              window.${ROUTE_MANIFEST} = ${JSON.stringify(manifest, (k, v) => {
-          if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
-            return v.map((item) => {
-              return item.replace(publicPath, "");
-            });
-          }
-          return v;
-        })};
-            })();
-          `;
         const entrypointsArray = Array.from(compilation.entrypoints.entries());
         const entryChunkIds = entrypointsArray.map((entrypoint) => entrypoint[0]);
         const entryChunks = [
@@ -137,13 +131,38 @@ export class RouterPlugin {
           const file = entryChunkFiles[i];
           const chunkId = entryChunkFileIds[i];
           const asset = compilation.assets[file];
-          if (!asset) {
+          if (!asset || !chunkId) {
             continue;
           }
-          const { source } = asset.sourceAndMap();
-          const map = chunkToSourceMap.get(chunkId);
+          const relatedAssets = {};
+          Object.keys(routeAssets).forEach((routeId) => {
+            if (routeId.startsWith(`${chunkId}`)) {
+              relatedAssets[routeId] = routeAssets[routeId];
+            }
+          });
+          const manifest2 = {
+            routeAssets: relatedAssets
+          };
+          const injectedContent = `
+            ;(function(){
+              window.${ROUTE_MANIFEST} = ${JSON.stringify(manifest2, (k, v) => {
+            if ((k === "assets" || k === "referenceCssAssets") && Array.isArray(v)) {
+              return v.map((item) => {
+                return item.replace(publicPath, "");
+              });
+            }
+            return v;
+          })};
+            })();
+          `;
+          const { source, map } = chunkToSourceAndMap.get(chunkId);
           const newContent = `${injectedContent}${source.toString()}`;
-          const newSource = new SourceMapSource(newContent, file, map, source.toString(), map);
+          const result = await transform(newContent, {
+            loader: path.extname(file).slice(1),
+            sourcemap: true,
+            minify: process.env.NODE_ENV === "production"
+          });
+          const newSource = new SourceMapSource(result.code, file, result.map, source.toString(), map);
           compilation.updateAsset(
             file,
             newSource,

package/package.json

@@ -15,7 +15,7 @@
     "modern",
     "modern.js"
   ],
-  "version": "2.26.0",
+  "version": "2.27.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/types/index.d.ts",
   "main": "./dist/cjs/index.js",
@@ -73,24 +73,24 @@
     "esbuild": "0.17.19",
     "rspack-plugin-virtual-module": "0.1.0",
     "@swc/helpers": "0.5.1",
-    "@modern-js/builder": "2.26.0",
-    "@modern-js/builder-plugin-esbuild": "2.26.0",
-    "@modern-js/builder-plugin-node-polyfill": "2.26.0",
-    "@modern-js/builder-shared": "2.26.0",
-    "@modern-js/builder-webpack-provider": "2.26.0",
-    "@modern-js/core": "2.26.0",
-    "@modern-js/new-action": "2.26.0",
-    "@modern-js/node-bundle-require": "2.26.0",
-    "@modern-js/plugin": "2.26.0",
-    "@modern-js/plugin-data-loader": "2.26.0",
-    "@modern-js/plugin-i18n": "2.26.0",
-    "@modern-js/plugin-lint": "2.26.0",
-    "@modern-js/prod-server": "2.26.0",
-    "@modern-js/server": "2.26.0",
-    "@modern-js/types": "2.26.0",
-    "@modern-js/upgrade": "2.26.0",
-    "@modern-js/utils": "2.26.0",
-    "@modern-js/server-core": "2.26.0"
+    "@modern-js/builder": "2.27.0",
+    "@modern-js/builder-plugin-esbuild": "2.27.0",
+    "@modern-js/builder-plugin-node-polyfill": "2.27.0",
+    "@modern-js/builder-shared": "2.27.0",
+    "@modern-js/builder-webpack-provider": "2.27.0",
+    "@modern-js/core": "2.27.0",
+    "@modern-js/new-action": "2.27.0",
+    "@modern-js/node-bundle-require": "2.27.0",
+    "@modern-js/plugin": "2.27.0",
+    "@modern-js/plugin-data-loader": "2.27.0",
+    "@modern-js/plugin-i18n": "2.27.0",
+    "@modern-js/plugin-lint": "2.27.0",
+    "@modern-js/prod-server": "2.27.0",
+    "@modern-js/server": "2.27.0",
+    "@modern-js/types": "2.27.0",
+    "@modern-js/upgrade": "2.27.0",
+    "@modern-js/utils": "2.27.0",
+    "@modern-js/server-core": "2.27.0"
   },
   "devDependencies": {
     "@types/babel__traverse": "^7.14.2",
@@ -99,13 +99,13 @@
     "jest": "^29",
     "typescript": "^5",
     "webpack": "^5.88.1",
-    "@modern-js/builder-plugin-swc": "2.26.0",
-    "@modern-js/builder-rspack-provider": "2.26.0",
-    "@scripts/jest-config": "2.26.0",
-    "@scripts/build": "2.26.0"
+    "@modern-js/builder-plugin-swc": "2.27.0",
+    "@modern-js/builder-rspack-provider": "2.27.0",
+    "@scripts/build": "2.27.0",
+    "@scripts/jest-config": "2.27.0"
   },
   "peerDependencies": {
-    "@modern-js/builder-rspack-provider": "^2.26.0"
+    "@modern-js/builder-rspack-provider": "^2.27.0"
   },
   "peerDependenciesMeta": {
     "@modern-js/builder-rspack-provider": {