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

package/dist/js/treeshaking/analyze/templates.js

@@ -2,19 +2,19 @@ import _createForOfIteratorHelper from "@babel/runtime/helpers/esm/createForOfIt
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 export var index = function index(_ref) {
   var mountId = _ref.mountId,
-      imports = _ref.imports,
-      renderFunction = _ref.renderFunction,
-      exportStatement = _ref.exportStatement;
+    imports = _ref.imports,
+    renderFunction = _ref.renderFunction,
+    exportStatement = _ref.exportStatement;
   return "\nconst IS_BROWSER = typeof window !== 'undefined' && window.name !== 'nodejs';\nconst IS_REACT18 = process.env.IS_REACT18 === 'true';\nconst MOUNT_ID = '".concat(mountId, "';\n\n").concat(imports, "\n\nlet AppWrapper = null;\n\nlet root = null;\n\nfunction render() {\n  ").concat(renderFunction, "\n}\n\nAppWrapper = render();\n\n").concat(exportStatement, ";\n");
 };
 export var renderFunction = function renderFunction(_ref2) {
   var plugins = _ref2.plugins,
-      customBootstrap = _ref2.customBootstrap,
-      fileSystemRoutes = _ref2.fileSystemRoutes;
+    customBootstrap = _ref2.customBootstrap,
+    fileSystemRoutes = _ref2.fileSystemRoutes;
   return "\n  AppWrapper = createApp({\n    plugins: [\n     ".concat(plugins.map(function (_ref3) {
     var name = _ref3.name,
-        options = _ref3.options,
-        args = _ref3.args;
+      options = _ref3.options,
+      args = _ref3.args;
     return "".concat(name, "({...").concat(options, ", ...App?.config?.").concat(args || name, "}),");
   }).join('\n'), "\n    ]\n  })(").concat(fileSystemRoutes ? '' : "App", ")\n\n  if (IS_BROWSER) {\n    ").concat(customBootstrap ? "customBootstrap(AppWrapper);" : "bootstrap(AppWrapper, MOUNT_ID, root, ReactDOM);", "\n  }\n\n  return AppWrapper\n");
 };
@@ -23,46 +23,35 @@ export var html = function html(partials) {
 };
 export var routesForServer = function routesForServer(_ref4) {
   var routes = _ref4.routes,
-      alias = _ref4.alias;
+    alias = _ref4.alias;
   var name = alias.name,
-      basename = alias.basename;
+    basename = alias.basename;
   var loaders = [];
-
   var traverseRouteTree = function traverseRouteTree(route) {
     var children;
-
     if ('children' in route && route.children) {
       var _route$children;
-
       children = route === null || route === void 0 ? void 0 : (_route$children = route.children) === null || _route$children === void 0 ? void 0 : _route$children.map(traverseRouteTree);
     }
-
     var loader;
-
     if (route.type === 'nested') {
       if (route.loader) {
         loaders.push(route.loader);
         loader = "loader_".concat(loaders.length - 1);
       }
     }
-
     var finalRoute = _objectSpread(_objectSpread({}, route), {}, {
       loader: loader,
       children: children
     });
-
     return finalRoute;
   };
-
   var routesCode = "\n  export const routes = [\n  ";
-
   var _iterator = _createForOfIteratorHelper(routes),
-      _step;
-
+    _step;
   try {
     for (_iterator.s(); !(_step = _iterator.n()).done;) {
       var route = _step.value;
-
       if ('type' in route) {
         var newRoute = traverseRouteTree(route);
         routesCode += "".concat(JSON.stringify(newRoute, null, 2).replace(/"(loader_[^"])"/g, '$1'), ",");
@@ -75,7 +64,6 @@ export var routesForServer = function routesForServer(_ref4) {
   } finally {
     _iterator.f();
   }
-
   routesCode += "\n];";
   var importLoadersCode = loaders.map(function (loader, index) {
     var realLoaderPath = loader.replace(name, basename);
@@ -85,87 +73,81 @@ export var routesForServer = function routesForServer(_ref4) {
 };
 export var fileSystemRoutes = function fileSystemRoutes(_ref5) {
   var routes = _ref5.routes,
-      ssrMode = _ref5.ssrMode,
-      nestedRoutesEntry = _ref5.nestedRoutesEntry;
-  var importLazyCode = ssrMode === 'stream' ? 'import { lazy } from "react";' : "import loadable from '@modern-js/runtime/loadable'";
+    ssrMode = _ref5.ssrMode,
+    nestedRoutesEntry = _ref5.nestedRoutesEntry,
+    entryName = _ref5.entryName;
+  // The legacy mode and pages dir routes should use loadable
+  // nested routes + renderTostring should use loadable.lazy
+  // nested routes + renderToStream should use react.lazy
+  var importLazyCode = "\n    import { lazy } from \"react\";\n    import loadable, { lazy as loadableLazy } from \"@modern-js/runtime/loadable\"\n  ";
   var dataLoaderPath = '';
-
   if (ssrMode) {
     dataLoaderPath = require.resolve("@modern-js/plugin-data-loader/loader");
-
     if (nestedRoutesEntry) {
-      dataLoaderPath = "".concat(dataLoaderPath, "?routesDir=").concat(nestedRoutesEntry, "!");
+      dataLoaderPath = "".concat(dataLoaderPath, "?routesDir=").concat(nestedRoutesEntry, "&entryName=").concat(entryName, "!");
     }
   }
-
   var loadings = [];
   var errors = [];
   var loaders = [];
-
   var traverseRouteTree = function traverseRouteTree(route) {
     var children;
-
     if ('children' in route && route.children) {
       var _route$children2;
-
       children = route === null || route === void 0 ? void 0 : (_route$children2 = route.children) === null || _route$children2 === void 0 ? void 0 : _route$children2.map(traverseRouteTree);
     }
-
     var loading;
     var error;
     var loader;
-
+    var component = '';
     if (route.type === 'nested') {
       if (route.loading) {
         loadings.push(route.loading);
         loading = "loading_".concat(loadings.length - 1);
       }
-
       if (route.error) {
         errors.push(route.error);
         error = "error_".concat(errors.length - 1);
       }
-
       if (route.loader) {
         loaders.push(route.loader);
         loader = "loader_".concat(loaders.length - 1);
       }
+      if (route._component) {
+        if (ssrMode === 'stream') {
+          component = "lazy(() => import(/* webpackChunkName: \"".concat(route.id, "\" */  /* webpackMode: \"lazy-once\" */ '").concat(route._component, "'))");
+        } else {
+          component = "loadable(() => import(/* webpackChunkName: \"".concat(route.id, "\" */  /* webpackMode: \"lazy-once\" */ '").concat(route._component, "'))");
+        }
+      }
+    } else if (route._component) {
+      component = "loadable(() => import('".concat(route._component, "'))");
     }
-
     var finalRoute = _objectSpread(_objectSpread({}, route), {}, {
       loading: loading,
       loader: loader,
       error: error,
       children: children
     });
-
     if (route._component) {
-      var component = ssrMode === 'stream' ? "lazy(() => import('".concat(route._component, "'))") : "loadable(() => import('".concat(route._component, "'))");
       finalRoute.component = component;
     }
-
     return finalRoute;
   };
-
   var routeComponentsCode = "\n    export const routes = [\n  ";
-
   var _iterator2 = _createForOfIteratorHelper(routes),
-      _step2;
-
+    _step2;
   try {
     for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
       var route = _step2.value;
-
       if ('type' in route) {
         var newRoute = traverseRouteTree(route);
-        routeComponentsCode += "".concat(JSON.stringify(newRoute, null, 2).replace(/"(loadable[^"]*)"/g, '$1').replace(/"(lazy[^"]*)"/g, '$1').replace(/"(loading_[^"])"/g, '$1').replace(/"(loader_[^"])"/g, '$1').replace(/"(error_[^"])"/g, '$1'), ",");
+        routeComponentsCode += "".concat(JSON.stringify(newRoute, null, 2).replace(/"(loadable.*\))"/g, '$1').replace(/"(loadableLazy.*\))"/g, '$1').replace(/"(lazy.*\))"/g, '$1').replace(/"(loading_[^"])"/g, '$1').replace(/"(loader_[^"])"/g, '$1').replace(/"(error_[^"])"/g, '$1').replace(/\\"/g, '"'), ",");
       } else {
-        var component = ssrMode === 'stream' ? "lazy(() => import('".concat(route._component, "'))") : "loadable(() => import('".concat(route._component, "'))");
-
+        var component = "loadable(() => import('".concat(route._component, "'))");
         var finalRoute = _objectSpread(_objectSpread({}, route), {}, {
           component: component
         });
-
         routeComponentsCode += "".concat(JSON.stringify(finalRoute, null, 2).replace(/"(loadable[^"]*)"/g, '$1').replace(/"(lazy[^"]*)"/g, '$1'), ",");
       }
     }
@@ -174,7 +156,6 @@ export var fileSystemRoutes = function fileSystemRoutes(_ref5) {
   } finally {
     _iterator2.f();
   }
-
   routeComponentsCode += "\n];";
   var importLoadingCode = loadings.map(function (loading, index) {
     return "import loading_".concat(index, " from '").concat(loading, "';\n");

package/dist/js/treeshaking/analyze/utils.js

@@ -6,7 +6,6 @@ import { FILE_SYSTEM_ROUTES_FILE_NAME } from "./constants";
 export var walkDirectory = function walkDirectory(dir) {
   return fs.readdirSync(dir).reduce(function (previous, filename) {
     var filePath = path.join(dir, filename);
-
     if (fs.statSync(filePath).isDirectory()) {
       return [].concat(_toConsumableArray(previous), _toConsumableArray(walkDirectory(filePath)));
     } else {
@@ -16,14 +15,14 @@ export var walkDirectory = function walkDirectory(dir) {
 };
 export var getDefaultImports = function getDefaultImports(_ref) {
   var entrypoint = _ref.entrypoint,
-      srcDirectory = _ref.srcDirectory,
-      internalSrcAlias = _ref.internalSrcAlias,
-      internalDirAlias = _ref.internalDirAlias,
-      internalDirectory = _ref.internalDirectory;
+    srcDirectory = _ref.srcDirectory,
+    internalSrcAlias = _ref.internalSrcAlias,
+    internalDirAlias = _ref.internalDirAlias,
+    internalDirectory = _ref.internalDirectory;
   var entryName = entrypoint.entryName,
-      fileSystemRoutes = entrypoint.fileSystemRoutes,
-      customBootstrap = entrypoint.customBootstrap,
-      entry = entrypoint.entry;
+    fileSystemRoutes = entrypoint.fileSystemRoutes,
+    customBootstrap = entrypoint.customBootstrap,
+    entry = entrypoint.entry;
   var imports = [{
     specifiers: [{
       local: 'React'
@@ -47,7 +46,6 @@ export var getDefaultImports = function getDefaultImports(_ref) {
     }],
     value: normalizeToPosixPath(customBootstrap.replace(srcDirectory, internalSrcAlias))
   }].filter(Boolean);
-
   if (fileSystemRoutes) {
     var route = {
       specifiers: [{
@@ -55,7 +53,6 @@ export var getDefaultImports = function getDefaultImports(_ref) {
       }],
       value: normalizeToPosixPath("".concat(internalDirAlias, "/").concat(entryName, "/").concat(FILE_SYSTEM_ROUTES_FILE_NAME))
     };
-
     if (fileSystemRoutes.globalApp) {
       imports.push({
         specifiers: [{
@@ -66,7 +63,6 @@ export var getDefaultImports = function getDefaultImports(_ref) {
     } else {
       route.initialize = 'const App = false;';
     }
-
     imports.push(route);
   } else {
     imports.push({
@@ -76,18 +72,15 @@ export var getDefaultImports = function getDefaultImports(_ref) {
       value: normalizeToPosixPath(entry.replace(srcDirectory, internalSrcAlias))
     });
   }
-
   return imports;
 };
 export var isRouteComponentFile = function isRouteComponentFile(filePath) {
   if (/\.(d|test|spec|e2e)\.(js|jsx|ts|tsx)$/.test(filePath)) {
     return false;
   }
-
   if (['.js', '.jsx', '.ts', '.tsx'].includes(path.extname(filePath))) {
     return true;
   }
-
   return false;
 };
 export var replaceWithAlias = function replaceWithAlias(base, filePath, alias) {

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

@@ -9,7 +9,7 @@ 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`
  */
@@ -25,15 +25,14 @@ export var PluginCompatModern = function PluginCompatModern(appContext, modernCo
             }
           });
         }
-
         return config;
       });
       api.modifyWebpackChain(function (chain, _ref) {
         var target = _ref.target,
-            CHAIN_ID = _ref.CHAIN_ID,
-            isProd = _ref.isProd;
-        var builderNormalizedConfig = api.getNormalizedConfig(); // set webpack config name
-
+          CHAIN_ID = _ref.CHAIN_ID,
+          isProd = _ref.isProd;
+        var builderNormalizedConfig = api.getNormalizedConfig();
+        // set webpack config name
         if (target === 'node') {
           chain.name('server');
         } else if (target === 'modern-web') {
@@ -41,13 +40,12 @@ export var PluginCompatModern = function PluginCompatModern(appContext, modernCo
         } 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: api,
@@ -61,36 +59,39 @@ export var PluginCompatModern = function PluginCompatModern(appContext, modernCo
             CHAIN_ID: CHAIN_ID,
             modernConfig: modernConfig
           });
-        } // apply copy plugin
-        // const copyPatterns = createCopyPatterns(chain, appContext, modernConfig);
-
+        }
 
+        // apply copy plugin
+        // const copyPatterns = createCopyPatterns(chain, appContext, modernConfig);
         var defaultCopyPattern = createCopyPattern(appContext, modernConfig, 'public', chain);
         chain.plugin(CHAIN_ID.PLUGIN.COPY).tap(function (args) {
           var _args$;
-
           return [{
             patterns: [].concat(_toConsumableArray(((_args$ = args[0]) === null || _args$ === void 0 ? void 0 : _args$.patterns) || []), [defaultCopyPattern])
           }];
         });
-
+        var entrypoints = appContext.entrypoints;
+        var existNestedRoutes = entrypoints.some(function (entrypoint) {
+          return entrypoint.nestedRoutesEntry;
+        });
+        chain.plugin('route-plugin').use(RouterPlugin, [{
+          existNestedRoutes: 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);
@@ -101,41 +102,36 @@ 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 (var _i = 0, _arr = ['.node.js', '.node.jsx', '.node.ts', '.node.tsx']; _i < _arr.length; _i++) {
     var ext = _arr[_i];
     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;
-
-    var entries = chain.entryPoints.entries(); // if prod and ssg config is true or function
-
+    var 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
     var 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
     var ssgEntries = [];
-
     if (isProd && outputConfig !== null && outputConfig !== void 0 && outputConfig.ssg) {
       var ssg = outputConfig.ssg;
       entryNames.forEach(function (name) {
@@ -144,11 +140,9 @@ function applyNodeCompat(chain, modernConfig, isProd) {
         }
       });
     }
-
     var _ref2 = serverConfig || {},
-        ssr = _ref2.ssr,
-        ssrByEntries = _ref2.ssrByEntries;
-
+      ssr = _ref2.ssr,
+      ssrByEntries = _ref2.ssrByEntries;
     entryNames.forEach(function (name) {
       if (!ssgEntries.includes(name) && (ssr && (ssrByEntries === null || ssrByEntries === void 0 ? void 0 : ssrByEntries[name]) === false || !ssr && !(ssrByEntries !== null && ssrByEntries !== void 0 && ssrByEntries[name]))) {
         chain.entryPoints["delete"](name);
@@ -156,28 +150,24 @@ function applyNodeCompat(chain, modernConfig, isProd) {
     });
   }
 }
+
 /**
  * inject bottom template
  */
-
-
 function applyBottomHtmlWebpackPlugin(_ref3) {
   var api = _ref3.api,
-      chain = _ref3.chain,
-      modernConfig = _ref3.modernConfig,
-      appContext = _ref3.appContext,
-      CHAIN_ID = _ref3.CHAIN_ID;
-
+    chain = _ref3.chain,
+    modernConfig = _ref3.modernConfig,
+    appContext = _ref3.appContext,
+    CHAIN_ID = _ref3.CHAIN_ID;
   var _loop = function _loop() {
     var entryName = _Object$keys[_i2];
-
     // FIXME: the only need necessary
     var baseTemplateParams = _objectSpread({
       entryName: 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));
-
     chain.plugin("".concat(CHAIN_ID.PLUGIN.HTML, "-").concat(entryName)).tap(function (args) {
       return [_objectSpread(_objectSpread({}, args[0] || {}), {}, {
         __internal__: true,
@@ -185,46 +175,37 @@ function applyBottomHtmlWebpackPlugin(_ref3) {
       })];
     });
   };
-
   // inject bottomTemplate into html-webpack-plugin
   for (var _i2 = 0, _Object$keys = Object.keys(api.context.entry); _i2 < _Object$keys.length; _i2++) {
     _loop();
   }
-
   chain.plugin(CHAIN_ID.PLUGIN.BOTTOM_TEMPLATE).use(BottomTemplatePlugin, [HtmlWebpackPlugin]);
 }
-
 var isStreamingSSR = function isStreamingSSR(userConfig) {
   var isStreaming = function isStreaming(ssr) {
     return ssr && _typeof(ssr) === 'object' && ssr.mode === 'stream';
   };
-
   var server = userConfig.server;
-
   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 (var _i3 = 0, _Object$keys2 = Object.keys(server.ssrByEntries); _i3 < _Object$keys2.length; _i3++) {
       var name = _Object$keys2[_i3];
-
       if (isStreaming(server.ssrByEntries[name])) {
         return true;
       }
     }
   }
-
   return false;
 };
-
 function applyAsyncChunkHtmlPlugin(_ref4) {
   var chain = _ref4.chain,
-      modernConfig = _ref4.modernConfig,
-      CHAIN_ID = _ref4.CHAIN_ID;
-
+    modernConfig = _ref4.modernConfig,
+    CHAIN_ID = _ref4.CHAIN_ID;
   if (isStreamingSSR(modernConfig)) {
     chain.plugin(CHAIN_ID.PLUGIN.HTML_ASYNC_CHUNK).use(HtmlAsyncChunkPlugin, [HtmlWebpackPlugin]);
   }

package/dist/js/treeshaking/builder/createHtmlConfig.js

@@ -2,21 +2,22 @@ import path from 'path';
 import { findExists } from '@modern-js/utils';
 export function createHtmlConfig(normalizedConfig, appContext) {
   var _normalizedConfig$out = normalizedConfig.output,
-      disableHtmlFolder = _normalizedConfig$out.disableHtmlFolder,
-      favicon = _normalizedConfig$out.favicon,
-      faviconByEntries = _normalizedConfig$out.faviconByEntries,
-      inject = _normalizedConfig$out.inject,
-      injectByEntries = _normalizedConfig$out.injectByEntries,
-      meta = _normalizedConfig$out.meta,
-      metaByEntries = _normalizedConfig$out.metaByEntries,
-      mountId = _normalizedConfig$out.mountId,
-      title = _normalizedConfig$out.title,
-      titleByEntries = _normalizedConfig$out.titleByEntries,
-      scriptExt = _normalizedConfig$out.scriptExt,
-      templateParameters = _normalizedConfig$out.templateParameters,
-      templateParametersByEntries = _normalizedConfig$out.templateParametersByEntries;
-  var configDir = normalizedConfig.source.configDir; // transform Modernjs `output.scriptExt` to Builder `html.crossorigin`  configuration
+    disableHtmlFolder = _normalizedConfig$out.disableHtmlFolder,
+    favicon = _normalizedConfig$out.favicon,
+    faviconByEntries = _normalizedConfig$out.faviconByEntries,
+    inject = _normalizedConfig$out.inject,
+    injectByEntries = _normalizedConfig$out.injectByEntries,
+    meta = _normalizedConfig$out.meta,
+    metaByEntries = _normalizedConfig$out.metaByEntries,
+    mountId = _normalizedConfig$out.mountId,
+    title = _normalizedConfig$out.title,
+    titleByEntries = _normalizedConfig$out.titleByEntries,
+    scriptExt = _normalizedConfig$out.scriptExt,
+    templateParameters = _normalizedConfig$out.templateParameters,
+    templateParametersByEntries = _normalizedConfig$out.templateParametersByEntries;
+  var configDir = normalizedConfig.source.configDir;
 
+  // transform Modernjs `output.scriptExt` to Builder `html.crossorigin`  configuration
   var builderCrossorigin = createBuilderCrossorigin(scriptExt);
   var builderAppIcon = createBuilderAppIcon(configDir, appContext);
   var builderFavicon = createBuilderFavicon(favicon, configDir, appContext);
@@ -47,7 +48,6 @@ export function createBuilderAppIcon(configDir, appContext) {
 }
 export function createBuilderCrossorigin(scriptExt) {
   var _scriptExtCustomConfi;
-
   var scriptExtCustomConfig = scriptExt === null || scriptExt === void 0 ? void 0 : scriptExt.custom;
   return scriptExtCustomConfig !== null && scriptExtCustomConfig !== void 0 && (_scriptExtCustomConfi = scriptExtCustomConfig.test) !== null && _scriptExtCustomConfi !== void 0 && _scriptExtCustomConfi.test('.js') && (scriptExtCustomConfig === null || scriptExtCustomConfig === void 0 ? void 0 : scriptExtCustomConfig.attribute) === 'crossorigin' ? scriptExtCustomConfig.value : undefined;
 }

package/dist/js/treeshaking/builder/createOutputConfig.js

@@ -2,26 +2,28 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import { createCopyPattern } from "./share";
 export function createOutputConfig(normalizedConfig, appContext) {
   // TODO: add `externals` options in Modern.
+
   var _normalizedConfig$out = normalizedConfig.output,
-      assetPrefix = _normalizedConfig$out.assetPrefix,
-      copy = _normalizedConfig$out.copy,
-      cssModuleLocalIdentName = _normalizedConfig$out.cssModuleLocalIdentName,
-      cssPath = _normalizedConfig$out.cssPath,
-      jsPath = _normalizedConfig$out.jsPath,
-      htmlPath = _normalizedConfig$out.htmlPath,
-      mediaPath = _normalizedConfig$out.mediaPath,
-      path = _normalizedConfig$out.path,
-      disableInlineRuntimeChunk = _normalizedConfig$out.disableInlineRuntimeChunk,
-      disableMinimize = _normalizedConfig$out.disableMinimize,
-      disableSourceMap = _normalizedConfig$out.disableSourceMap,
-      enableCssModuleTSDeclaration = _normalizedConfig$out.enableCssModuleTSDeclaration,
-      enableInlineScripts = _normalizedConfig$out.enableInlineScripts,
-      enableInlineStyles = _normalizedConfig$out.enableInlineStyles,
-      polyfill = _normalizedConfig$out.polyfill,
-      dataUriLimit = _normalizedConfig$out.dataUriLimit,
-      disableAssetsCache = _normalizedConfig$out.disableAssetsCache,
-      enableLatestDecorators = _normalizedConfig$out.enableLatestDecorators,
-      disableCssModuleExtension = _normalizedConfig$out.disableCssModuleExtension;
+    assetPrefix = _normalizedConfig$out.assetPrefix,
+    copy = _normalizedConfig$out.copy,
+    cssModuleLocalIdentName = _normalizedConfig$out.cssModuleLocalIdentName,
+    cssPath = _normalizedConfig$out.cssPath,
+    jsPath = _normalizedConfig$out.jsPath,
+    htmlPath = _normalizedConfig$out.htmlPath,
+    mediaPath = _normalizedConfig$out.mediaPath,
+    path = _normalizedConfig$out.path,
+    disableInlineRuntimeChunk = _normalizedConfig$out.disableInlineRuntimeChunk,
+    disableMinimize = _normalizedConfig$out.disableMinimize,
+    disableSourceMap = _normalizedConfig$out.disableSourceMap,
+    disableTsChecker = _normalizedConfig$out.disableTsChecker,
+    enableCssModuleTSDeclaration = _normalizedConfig$out.enableCssModuleTSDeclaration,
+    enableInlineScripts = _normalizedConfig$out.enableInlineScripts,
+    enableInlineStyles = _normalizedConfig$out.enableInlineStyles,
+    polyfill = _normalizedConfig$out.polyfill,
+    dataUriLimit = _normalizedConfig$out.dataUriLimit,
+    disableAssetsCache = _normalizedConfig$out.disableAssetsCache,
+    enableLatestDecorators = _normalizedConfig$out.enableLatestDecorators,
+    disableCssModuleExtension = _normalizedConfig$out.disableCssModuleExtension;
   var defaultCopyPattern = createCopyPattern(appContext, normalizedConfig, 'upload');
   var builderCopy = copy ? [].concat(_toConsumableArray(copy), [defaultCopyPattern]) : [defaultCopyPattern];
   return {
@@ -33,10 +35,10 @@ export function createOutputConfig(normalizedConfig, appContext) {
       js: jsPath,
       html: htmlPath,
       // `@modern-js/webpack` output all media files to `dist/media` by default
-      svg: mediaPath || 'midia',
-      image: mediaPath || 'midia',
-      font: mediaPath || 'midia',
-      media: mediaPath || 'midia'
+      svg: mediaPath || 'media',
+      image: mediaPath || 'media',
+      font: mediaPath || 'media',
+      media: mediaPath || 'media'
     },
     dataUriLimit: {
       svg: dataUriLimit,
@@ -48,6 +50,7 @@ export function createOutputConfig(normalizedConfig, appContext) {
     disableInlineRuntimeChunk: disableInlineRuntimeChunk,
     disableMinimize: disableMinimize,
     disableSourceMap: disableSourceMap,
+    disableTsChecker: disableTsChecker,
     enableCssModuleTSDeclaration: enableCssModuleTSDeclaration,
     enableInlineScripts: enableInlineScripts,
     enableInlineStyles: enableInlineStyles,