@modern-js/app-tools 2.0.0-beta.0 → 2.0.0-beta.2

package/dist/js/modern/builder/builderPlugins/compatModern.js

@@ -1,9 +1,6 @@
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import { join } from 'path';
 import { mergeBuilderConfig } from '@modern-js/builder-shared';
 import { template as lodashTemplate } from '@modern-js/utils/lodash';
@@ -12,13 +9,12 @@ import { getEntryOptions } from '@modern-js/utils';
 import { BottomTemplatePlugin } from "../webpackPlugins/htmlBottomTemplate";
 import { HtmlAsyncChunkPlugin } from "../webpackPlugins/htmlAsyncChunkPlugin";
 import { createCopyPattern } from "../share";
-
+import RouterPlugin from "../webpackPlugins/routerPlugin";
 /**
  * Provides default configuration consistent with `@modern-js/webpack`
  */
 export const PluginCompatModern = (appContext, modernConfig, options) => ({
   name: 'builder-plugin-compat-modern',
-
   setup(api) {
     api.modifyBuilderConfig(config => {
       if (isStreamingSSR(modernConfig)) {
@@ -28,7 +24,6 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
           }
         });
       }
-
       return config;
     });
     api.modifyWebpackChain((chain, {
@@ -36,8 +31,8 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
       CHAIN_ID,
       isProd
     }) => {
-      const builderNormalizedConfig = api.getNormalizedConfig(); // set webpack config name
-
+      const builderNormalizedConfig = api.getNormalizedConfig();
+      // set webpack config name
       if (target === 'node') {
         chain.name('server');
       } else if (target === 'modern-web') {
@@ -45,13 +40,12 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
       } else {
         chain.name('client');
       }
+      chain.resolve.modules.add('node_modules').add(join(api.context.rootPath, 'node_modules'));
 
-      chain.resolve.modules.add('node_modules').add(join(api.context.rootPath, 'node_modules')); // apply node compat
-
+      // apply node compat
       if (target === 'node') {
         applyNodeCompat(chain, modernConfig, isProd);
       }
-
       if (isHtmlEnabled(builderNormalizedConfig, target)) {
         applyBottomHtmlWebpackPlugin({
           api,
@@ -65,36 +59,39 @@ export const PluginCompatModern = (appContext, modernConfig, options) => ({
           CHAIN_ID,
           modernConfig
         });
-      } // apply copy plugin
-      // const copyPatterns = createCopyPatterns(chain, appContext, modernConfig);
-
-
-      const defaultCopyPattern = createCopyPattern(appContext, modernConfig, 'public', chain);
-      chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(args => {
-        var _args$;
-
-        return [{
-          patterns: [...(((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.patterns) || []), defaultCopyPattern]
-        }];
-      });
+      }
 
+      // apply copy plugin
+      if (chain.plugins.has(CHAIN_ID.PLUGIN.COPY)) {
+        const defaultCopyPattern = createCopyPattern(appContext, modernConfig, 'public', chain);
+        chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(args => {
+          var _args$;
+          return [{
+            patterns: [...(((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.patterns) || []), defaultCopyPattern]
+          }];
+        });
+      }
+      const {
+        entrypoints
+      } = appContext;
+      const existNestedRoutes = entrypoints.some(entrypoint => entrypoint.nestedRoutesEntry);
+      chain.plugin('route-plugin').use(RouterPlugin, [{
+        existNestedRoutes
+      }]);
       function isHtmlEnabled(config, target) {
         var _config$tools;
-
         return ((_config$tools = config.tools) === null || _config$tools === void 0 ? void 0 : _config$tools.htmlPlugin) !== false && target !== 'node' && target !== 'web-worker';
       }
     });
-
     if (options) {
       applyCallbacks(api, options);
     }
   }
-
 });
+
 /**
  * register builder hooks callback
  */
-
 function applyCallbacks(api, options) {
   options.onAfterBuild && api.onAfterBuild(options.onAfterBuild);
   options.onAfterCreateCompiler && api.onAfterCreateCompiler(options.onAfterCreateCompiler);
@@ -105,40 +102,35 @@ function applyCallbacks(api, options) {
   options.onDevCompileDone && api.onDevCompileDone(options.onDevCompileDone);
   options.onExit && api.onExit(options.onExit);
 }
+
 /**
  * compat some config, if target is `node`
  */
-
-
 function applyNodeCompat(chain, modernConfig, isProd) {
   // apply node resolve extensions
   for (const ext of ['.node.js', '.node.jsx', '.node.ts', '.node.tsx']) {
     chain.resolve.extensions.prepend(ext);
-  } // apply filterEntriesBySSRConfig
-
+  }
 
+  // apply filterEntriesBySSRConfig
   filterEntriesBySSRConfig(isProd, chain, modernConfig.server, modernConfig.output);
-
   function filterEntriesBySSRConfig(isProd, chain, serverConfig, outputConfig) {
     var _outputConfig$ssg;
-
-    const entries = chain.entryPoints.entries(); // if prod and ssg config is true or function
-
+    const entries = chain.entryPoints.entries();
+    // if prod and ssg config is true or function
     if (isProd && ((outputConfig === null || outputConfig === void 0 ? void 0 : outputConfig.ssg) === true || typeof (outputConfig === null || outputConfig === void 0 ? void 0 : (_outputConfig$ssg = outputConfig.ssg) === null || _outputConfig$ssg === void 0 ? void 0 : _outputConfig$ssg[0]) === 'function')) {
       return;
-    } // if single entry has ssg config
-    // `ssg: {}` is not allowed if multi entry
-
+    }
 
+    // if single entry has ssg config
+    // `ssg: {}` is not allowed if multi entry
     const entryNames = Object.keys(entries);
-
     if (isProd && entryNames.length === 1 && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
       return;
-    } // collect all ssg entries
-
+    }
 
+    // collect all ssg entries
     const ssgEntries = [];
-
     if (isProd && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
       const {
         ssg
@@ -149,7 +141,6 @@ function applyNodeCompat(chain, modernConfig, isProd) {
         }
       });
     }
-
     const {
       ssr,
       ssrByEntries
@@ -161,11 +152,10 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     });
   }
 }
+
 /**
  * inject bottom template
  */
-
-
 function applyBottomHtmlWebpackPlugin({
   api,
   chain,
@@ -178,32 +168,27 @@ function applyBottomHtmlWebpackPlugin({
     // FIXME: the only need necessary
     const baseTemplateParams = _objectSpread({
       entryName,
-      title: getEntryOptions(entryName, modernConfig.output.title, modernConfig.output.titleByEntries, appContext.packageName),
-      mountId: modernConfig.output.mountId
-    }, getEntryOptions(entryName, modernConfig.output.templateParameters, modernConfig.output.templateParametersByEntries, appContext.packageName));
-
+      title: getEntryOptions(entryName, modernConfig.html.title, modernConfig.html.titleByEntries, appContext.packageName),
+      mountId: modernConfig.html.mountId
+    }, getEntryOptions(entryName, modernConfig.html.templateParameters, modernConfig.html.templateParametersByEntries, appContext.packageName));
     chain.plugin(`${CHAIN_ID.PLUGIN.HTML}-${entryName}`).tap(args => [_objectSpread(_objectSpread({}, args[0] || {}), {}, {
       __internal__: true,
       bottomTemplate: appContext.htmlTemplates[`__${entryName}-bottom__`] && lodashTemplate(appContext.htmlTemplates[`__${entryName}-bottom__`])(baseTemplateParams)
     })]);
   }
-
   chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
 }
-
 const isStreamingSSR = userConfig => {
   const isStreaming = ssr => ssr && typeof ssr === 'object' && ssr.mode === 'stream';
-
   const {
     server
   } = userConfig;
-
   if (isStreaming(server.ssr)) {
     return true;
-  } // Since we cannot apply different plugins for different entries,
-  // we regard the whole app as streaming ssr only if one entry meets the requirement.
-
+  }
 
+  // Since we cannot apply different plugins for different entries,
+  // we regard the whole app as streaming ssr only if one entry meets the requirement.
   if (server !== null && server !== void 0 && server.ssrByEntries && typeof server.ssrByEntries === 'object') {
     for (const name of Object.keys(server.ssrByEntries)) {
       if (isStreaming(server.ssrByEntries[name])) {
@@ -211,10 +196,8 @@ const isStreamingSSR = userConfig => {
       }
     }
   }
-
   return false;
 };
-
 function applyAsyncChunkHtmlPlugin({
   chain,
   modernConfig,

package/dist/js/modern/builder/index.js

@@ -1,59 +1,82 @@
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 import { createBuilder } from '@modern-js/builder';
 import { builderWebpackProvider } from '@modern-js/builder-webpack-provider';
-import { applyOptionsChain } from '@modern-js/utils';
+import { applyOptionsChain, isUseSSRBundle } from '@modern-js/utils';
 import { PluginCompatModern } from "./builderPlugins/compatModern";
-import { createHtmlConfig } from "./createHtmlConfig";
-import { createOutputConfig } from "./createOutputConfig";
-import { createSourceConfig } from "./createSourceConfig";
-import { createToolsConfig } from "./createToolsConfig";
-export default (async ({
-  target: _target = 'web',
-  normalizedConfig,
-  appContext,
-  compatPluginConfig
-}) => {
-  const targets = Array.isArray(_target) ? _target : [_target];
-
+import { createCopyPattern } from "./share";
+function getBuilderTargets(normalizedConfig) {
+  const targets = ['web'];
   if (normalizedConfig.output.enableModernMode && !targets.includes('modern-web')) {
     targets.push('modern-web');
   }
-
-  const builderConfig = createBuilderProviderConfig(normalizedConfig, appContext); // create webpack provider
-
+  if (isUseSSRBundle(normalizedConfig)) {
+    targets.push('node');
+  }
+  return targets;
+}
+export async function createBuilderForEdenX({
+  normalizedConfig,
+  appContext,
+  compatPluginConfig
+}) {
+  // create webpack provider
+  const builderConfig = createBuilderProviderConfig(normalizedConfig, appContext);
   const webpackProvider = builderWebpackProvider({
     builderConfig
   });
-  const builderOptions = createBuilderOptions(_target, appContext);
+  const target = getBuilderTargets(normalizedConfig);
+  const builderOptions = createBuilderOptions(target, appContext);
   const builder = await createBuilder(webpackProvider, builderOptions);
   await applyBuilderPlugins(builder, normalizedConfig, appContext, compatPluginConfig);
   return builder;
-});
-
-function createBuilderProviderConfig(normalizedConfig, appContext) {
-  const source = createSourceConfig(normalizedConfig, appContext);
-  const html = createHtmlConfig(normalizedConfig, appContext);
+}
+export function createBuilderProviderConfig(normalizedConfig, appContext) {
   const output = createOutputConfig(normalizedConfig, appContext);
-  const tools = createToolsConfig(normalizedConfig);
-  return {
-    source,
-    html,
+  return _objectSpread(_objectSpread({}, normalizedConfig), {}, {
+    source: _objectSpread(_objectSpread({}, normalizedConfig.source), {}, {
+      resolveExtensionPrefix: '.web'
+    }),
     output,
-    tools,
-    performance: {
+    dev: {
+      https: normalizedConfig.dev.https,
+      assetPrefix: normalizedConfig.dev.assetPrefix
+    },
+    html: _objectSpread(_objectSpread({}, normalizedConfig.html), {}, {
+      templateByEntries: normalizedConfig.html.templateByEntries || appContext.htmlTemplates
+    }),
+    performance: _objectSpread(_objectSpread({}, normalizedConfig.performance), {}, {
       // `@modern-js/webpack` used to remove moment locale by default
       removeMomentLocale: true
-    }
-  };
+    })
+  });
+  function createOutputConfig(config, appContext) {
+    const defaultCopyPattern = createCopyPattern(appContext, config, 'upload');
+    const {
+      copy
+    } = config.output;
+    const copyOptions = Array.isArray(copy) ? copy : copy === null || copy === void 0 ? void 0 : copy.patterns;
+    const builderCopy = [...(copyOptions || []), defaultCopyPattern];
+    return _objectSpread(_objectSpread({}, config.output), {}, {
+      copy: builderCopy,
+      // We need to do this in the app-tools prepare hook because some files will be generated into the dist directory in the analyze process
+      cleanDistPath: false,
+      // `@modern-js/webpack` used to generate asset manifest by default
+      enableAssetManifest: true,
+      // compatible the modern-js with fallback behavior
+      enableAssetFallback: true
+    });
+  }
 }
-
 export function createBuilderOptions(target, appContext) {
   // create entries
+
   const entries = {};
   const {
     entrypoints = [],
     checkedEntries
   } = appContext;
-
   for (const {
     entryName,
     entry
@@ -61,14 +84,12 @@ export function createBuilderOptions(target, appContext) {
     if (checkedEntries && !checkedEntries.includes(entryName)) {
       continue;
     }
-
     if (entryName in entries) {
       entries[entryName].push(entry);
     } else {
       entries[entryName] = [entry];
     }
   }
-
   return {
     cwd: appContext.appDirectory,
     target,
@@ -77,10 +98,10 @@ export function createBuilderOptions(target, appContext) {
     framework: appContext.metaName
   };
 }
+
 /**
  * register builder Plugin by condition
  */
-
 async function applyBuilderPlugins(builder, normalizedConfig, appContext, compatPluginConfig) {
   if (!normalizedConfig.output.disableNodePolyfill) {
     const {
@@ -88,7 +109,6 @@ async function applyBuilderPlugins(builder, normalizedConfig, appContext, compat
     } = await import('@modern-js/builder-plugin-node-polyfill');
     builder.addPlugins([PluginNodePolyfill()]);
   }
-
   if (normalizedConfig.tools.esbuild) {
     const {
       esbuild: esbuildOptions
@@ -101,6 +121,5 @@ async function applyBuilderPlugins(builder, normalizedConfig, appContext, compat
       minimize: applyOptionsChain({}, esbuildOptions)
     })]);
   }
-
   builder.addPlugins([PluginCompatModern(appContext, normalizedConfig, compatPluginConfig)]);
 }

package/dist/js/modern/builder/share.js

@@ -2,23 +2,20 @@ import path from 'path';
 import { template as lodashTemplate } from '@modern-js/utils/lodash';
 import { removeTailSlash } from '@modern-js/utils';
 export function createCopyPattern(appContext, config, patternsType, chain) {
-  const configDir = path.resolve(appContext.appDirectory, config.source.configDir);
+  const configDir = path.resolve(appContext.appDirectory, config.source.configDir || './config');
   const uploadDir = path.posix.join(configDir.replace(/\\/g, '/'), 'upload');
   const publicDir = path.posix.join(configDir.replace(/\\/g, '/'), 'public');
   const minifiedJsRexExp = /\.min\.js/;
-
   const info = file => ({
     // If the file name ends with `.min.js`, we assume it's a compressed file.
     // So we don't want copy-webpack-plugin to minify it.
     // ref: https://github.com/webpack-contrib/copy-webpack-plugin#info
     minimized: minifiedJsRexExp.test(file.sourceFilename)
   });
-
   if (patternsType === 'public') {
     if (!chain) {
       throw new Error("expect get a webpackChain, but receive 'undefined'");
     }
-
     return {
       info,
       from: '**/*',
@@ -30,7 +27,6 @@ export function createCopyPattern(appContext, config, patternsType, chain) {
         if (!/\.html?$/.test(absoluteFrom)) {
           return content;
         }
-
         return lodashTemplate(content.toString('utf8'))({
           assetPrefix: removeTailSlash(chain.output.get('publicPath'))
         });

package/dist/js/modern/builder/webpackPlugins/htmlAsyncChunkPlugin.js

@@ -1,37 +1,29 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export class HtmlAsyncChunkPlugin {
   constructor(htmlWebpackPlugin) {
     _defineProperty(this, "name", void 0);
-
     _defineProperty(this, "htmlWebpackPlugin", void 0);
-
     this.name = 'HtmlAsyncChunkPlugin';
     this.htmlWebpackPlugin = htmlWebpackPlugin;
   }
-
   apply(compiler) {
     compiler.hooks.compilation.tap(this.name, compilation => {
       const hooks = this.htmlWebpackPlugin.getHooks(compilation);
       hooks.alterAssetTagGroups.tap(this.name, assets => {
         const tags = [...assets.headTags, ...assets.bodyTags];
-
         for (const tag of tags) {
           if (tag.tagName === 'script') {
             const {
               attributes
             } = tag;
-
             if (attributes && attributes.defer === true) {
               attributes.async = true;
               delete attributes.defer;
             }
           }
         }
-
         return assets;
       });
     });
   }
-
 }

package/dist/js/modern/builder/webpackPlugins/htmlBottomTemplate.js

@@ -1,44 +1,33 @@
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 export class BottomTemplatePlugin {
   constructor(htmlWebpackPlugin) {
     _defineProperty(this, "htmlWebpackPlugin", void 0);
-
     _defineProperty(this, "bottomTemplateReg", /<!--<\?-\s*bottomTemplate\s*\?>-->/);
-
     _defineProperty(this, "bodyRegExp", /(<\/\s*body\s*>)/i);
-
     _defineProperty(this, "name", void 0);
-
     this.htmlWebpackPlugin = htmlWebpackPlugin;
     this.name = 'bottom-template';
   }
-
   apply(compiler) {
     compiler.hooks.compilation.tap(this.name, compilation => {
       this.htmlWebpackPlugin.getHooks(compilation).beforeEmit.tap(this.name, data => {
         var _data$plugin$options;
-
         if (!((_data$plugin$options = data.plugin.options) !== null && _data$plugin$options !== void 0 && _data$plugin$options.__internal__)) {
           return data;
-        } // 含有 <!--<?- bottomTemplate ?>--> 占位符时才需要注入 bottom.html
-
-
+        }
+        // 含有 <!--<?- bottomTemplate ?>--> 占位符时才需要注入 bottom.html
         if (this.bottomTemplateReg.test(data.html)) {
           // 清空占位符
           data.html = data.html.replace(this.bottomTemplateReg, '');
           const {
             bottomTemplate
           } = data.plugin.options;
-
           if (bottomTemplate) {
             data.html = data.html.replace(this.bodyRegExp, match => `\n${bottomTemplate}\n${match}`);
           }
         }
-
         return data;
       });
     });
   }
-
 }

package/dist/js/modern/builder/webpackPlugins/routerPlugin.js

@@ -0,0 +1,97 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+import path from 'path';
+import { fs, ROUTE_MANIFEST, logger, ROUTE_MINIFEST_FILE } from '@modern-js/utils';
+const PLUGIN_NAME = 'ModernjsRoutePlugin';
+export default class RouterPlugin {
+  constructor(options) {
+    _defineProperty(this, "existNestedRoutes", void 0);
+    this.existNestedRoutes = options.existNestedRoutes;
+  }
+  apply(compiler) {
+    const {
+      existNestedRoutes
+    } = this;
+    const {
+      target
+    } = compiler.options;
+    if (target === 'node' || Array.isArray(target) && target.includes('node')) {
+      return;
+    }
+    if (!existNestedRoutes) {
+      return;
+    }
+    const {
+      webpack
+    } = compiler;
+    const {
+      Compilation,
+      sources
+    } = webpack;
+    const {
+      RawSource
+    } = sources;
+    const {
+      PROCESS_ASSETS_STAGE_REPORT
+    } = Compilation;
+    const outputPath = compiler.options.output.path;
+    const newAssetsMap = new Map();
+    const normalizePath = path => {
+      if (!path.endsWith('/')) {
+        return `${path}/`;
+      }
+      return path;
+    };
+    compiler.hooks.thisCompilation.tap(PLUGIN_NAME, compilation => {
+      compilation.hooks.processAssets.tapPromise({
+        name: PLUGIN_NAME,
+        stage: PROCESS_ASSETS_STAGE_REPORT
+      }, async () => {
+        const stats = compilation.getStats().toJson({
+          chunkGroups: true,
+          chunks: true
+        });
+        const {
+          publicPath
+        } = stats;
+        const routeAssets = {};
+        const {
+          namedChunkGroups,
+          assetsByChunkName
+        } = stats;
+        if (!namedChunkGroups || !assetsByChunkName) {
+          logger.warn('Route manifest does not exist, performance will be affected');
+          return;
+        }
+        for (const [name, chunkGroup] of Object.entries(namedChunkGroups)) {
+          routeAssets[name] = {
+            chunkIds: chunkGroup.chunks,
+            assets: assetsByChunkName[name].map(item => publicPath ? normalizePath(publicPath) + item : item)
+          };
+        }
+        const manifest = {
+          routeAssets
+        };
+        const injectedContent = `
+            ;(function(){
+              window.${ROUTE_MANIFEST} = ${JSON.stringify(manifest)};
+            })();
+          `;
+        const entrypointsArray = Array.from(compilation.entrypoints.entries());
+        const entryChunkIds = entrypointsArray.map(entrypoint => entrypoint[0]);
+        const entryChunks = [...compilation.chunks].filter(chunk => {
+          return entryChunkIds.includes(chunk.name);
+        });
+        const entryChunkFiles = entryChunks.map(chunk => [...chunk.files][0]);
+        for (const file of entryChunkFiles) {
+          const asset = compilation.assets[file];
+          const newContent = `${injectedContent}${asset.source().toString()}`;
+          newAssetsMap.set(path.join(outputPath, file), newContent);
+          compilation.updateAsset(file, new RawSource(newContent));
+        }
+        const filename = path.join(outputPath, ROUTE_MINIFEST_FILE);
+        await fs.ensureFile(filename);
+        await fs.writeFile(filename, JSON.stringify(manifest, null, 2));
+      });
+    });
+  }
+}