xhs-mp-compiler-cli 1.0.2-beta.0 → 1.0.2

package/dist/webpack-config/plugins/XhsMpJsonPlugin.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const tapable_1 = require("tapable");
+const transformAppJson_1 = __importDefault(require("../../utils/transformAppJson"));
+const normalizePath = path_1.default.normalize;
+const hooks = {
+    collected: new tapable_1.SyncHook(['xhsData']),
+};
+const getHooks = () => hooks;
+/**
+ * 为 compiler 添加 xhsData 数据
+ */
+class XhsMpJsonPlugin {
+    constructor(options) {
+        const { mpDir, miniprogramDir, extJsonPath } = options;
+        this.options = options;
+        const { legacyAppJSON, appJSON } = (0, transformAppJson_1.default)(mpDir, miniprogramDir, extJsonPath);
+        this.appJSON = appJSON;
+        this.legacyAppJSON = legacyAppJSON;
+        this.shouldUpdateAppJson = 'first';
+        this.jsonDependencies = new Set([normalizePath(`${miniprogramDir}/app.json`)]);
+        if (extJsonPath) {
+            this.jsonDependencies.add(normalizePath(`${extJsonPath}/ext.json`));
+        }
+    }
+    apply(compiler) {
+        const hooks = getHooks();
+        const { mpDir, miniprogramDir, extJsonPath } = this.options;
+        compiler.xhsData = {
+            mpDir,
+            miniprogramDir,
+        };
+        this.updateAppJson(compiler);
+        // 仅在首次、或 json 文件变更时更新 app.json
+        compiler.hooks.watchRun.tap('XhsMpJsonPlugin', comp => {
+            this.shouldUpdateAppJson =
+                this.shouldUpdateAppJson === 'first' ||
+                    Array.from(comp.modifiedFiles || []).some(files => files.endsWith('.json'));
+        });
+        hooks.collected.call({ xhsData: compiler.xhsData });
+        compiler.hooks.compilation.tap('XhsMpJsonPlugin', compilation => {
+            const { legacyAppJSON, appJSON } = (0, transformAppJson_1.default)(mpDir, miniprogramDir, extJsonPath, compilation);
+            this.appJSON = appJSON;
+            this.legacyAppJSON = legacyAppJSON;
+            this.updateAppJson(compiler);
+            hooks.collected.call({ xhsData: compiler.xhsData, compilation });
+        });
+    }
+    /**
+     * 1. 收集所有的 json 依赖
+     * 2. 为各个 loader 更新 appJson
+     */
+    updateAppJson(compiler) {
+        const { appJSON, legacyAppJSON } = this;
+        for (const { path } of legacyAppJSON.pages) {
+            this.jsonDependencies.add(normalizePath(`${this.options.miniprogramDir}/${path}.json`));
+        }
+        for (const path of Object.keys(legacyAppJSON.componentsMap)) {
+            this.jsonDependencies.add(normalizePath(`${this.options.miniprogramDir}/${path}.json`));
+        }
+        compiler.xhsData.jsonDependencies = Array.from(this.jsonDependencies);
+        compiler.xhsData.appJSON = appJSON;
+        compiler.xhsData.legacyAppJSON = legacyAppJSON;
+    }
+}
+XhsMpJsonPlugin.getHooks = getHooks;
+exports.default = XhsMpJsonPlugin;

package/dist/webpack-config/presets/babel.d.ts

@@ -0,0 +1,8 @@
+import Config from 'webpack-chain';
+import { WebpackPresetOptions } from '../../types';
+/**
+ * babel 仅关注语法转换，polyfill 在 js-core 中已经内置
+ * 目前 polyfill 仅支持到 'ios_saf >= 10', 'chrome >= 83'。语法构建中，会默认支持。
+ */
+declare const getBaseConfig: (chain: Config, options: WebpackPresetOptions) => void;
+export default getBaseConfig;

package/dist/webpack-config/presets/babel.js

@@ -0,0 +1,57 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const const_1 = __importDefault(require("../lib/const"));
+const types_1 = require("../../types");
+/**
+ * babel 仅关注语法转换，polyfill 在 js-core 中已经内置
+ * 目前 polyfill 仅支持到 'ios_saf >= 10', 'chrome >= 83'。语法构建中，会默认支持。
+ */
+const getBaseConfig = (chain, options) => {
+    const swcTargets = options.env === types_1.ENV.development ? const_1.default.DEV_TARGETS : const_1.default.PROD_TARGETS;
+    chain.module
+        .rule('js')
+        .test(/\.js$/)
+        .exclude.add(/node_modules/)
+        .end()
+        .use('js-loader')
+        .loader(require.resolve('swc-loader'))
+        .options({
+        jsc: { externalHelpers: true },
+        env: {
+            targets: swcTargets,
+            coreJS: 3,
+        }
+    });
+    chain.module
+        .rule('ts')
+        .test(/\.ts$/)
+        .exclude.add(/node_modules/)
+        .end()
+        .use('ts-loader')
+        .loader(require.resolve('swc-loader'))
+        .options({
+        jsc: {
+            externalHelpers: true,
+            parser: { syntax: 'typescript' }
+        },
+        env: {
+            targets: swcTargets,
+            coreJS: 3
+        }
+    });
+    if (options.tsConfigPath) {
+        chain.resolve.extensions.add('.ts');
+        chain
+            .plugin('ts-checker')
+            .use(require.resolve('fork-ts-checker-webpack-plugin'), [{
+                async: true,
+                typescript: {
+                    configFile: options.tsConfigPath,
+                },
+            }]);
+    }
+};
+exports.default = getBaseConfig;

package/dist/webpack-config/presets/common.d.ts

@@ -0,0 +1,4 @@
+import Config from 'webpack-chain';
+import { WebpackPresetOptions } from '../../types';
+declare const presetCommon: (chain: Config, options: WebpackPresetOptions) => void;
+export default presetCommon;

package/dist/webpack-config/presets/common.js

@@ -0,0 +1,40 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const types_1 = require("../../types");
+const presetCommon = (chain, options) => {
+    chain.merge({
+        stats: 'errors-only',
+        output: {
+            pathinfo: false,
+        },
+        resolve: {
+            roots: [options.miniprogramDir],
+            extensions: ['.js'],
+            modules: ['node_modules', path_1.default.join(__dirname, '../../../node_modules/')],
+        },
+        resolveLoader: {
+            modules: [path_1.default.join(__dirname, '../loaders')],
+            extensions: ['.js', '.ts'],
+        },
+    });
+    chain.watch(!!options.watch);
+    chain.mode('development');
+    chain.devtool(options.enableSourcemap ? 'source-map' : false);
+    // @ts-ignore
+    chain.target(['web', 'es5']);
+    chain.cache(options.env === types_1.ENV.production
+        ? false
+        : {
+            type: 'filesystem',
+            cacheDirectory: options.cacheDirectory || path_1.default.join(__dirname, '../../../node_modules/.cache'),
+            version: options.miniprogramDir,
+            buildDependencies: {
+                config: [path_1.default.join(options.miniprogramDir, 'app.json')],
+            },
+        });
+};
+exports.default = presetCommon;

package/dist/webpack-config/presets/mp/MpEntryPlugin.d.ts

@@ -0,0 +1,23 @@
+import { Compiler } from 'webpack';
+import { RawSource } from 'webpack-sources';
+interface MpEntryPluginOptions {
+    enableV1?: boolean;
+    enableV2?: boolean;
+    enableVDom?: boolean;
+    miniprogramDir?: string;
+}
+/**
+ * 用来添加 app.json、app.css
+ */
+declare class MpEntryPlugin {
+    enableV1?: boolean;
+    enableV2?: boolean;
+    enableVDom?: boolean;
+    miniprogramDir?: string;
+    entriesCache: Map<string, boolean>;
+    constructor(options: MpEntryPluginOptions);
+    apply(compiler: Compiler): void;
+    getAppJson(appJSON: any): Record<string, RawSource>;
+    makeEntry(compiler: Compiler, name: string, url: string): void;
+}
+export default MpEntryPlugin;

package/dist/webpack-config/presets/mp/MpEntryPlugin.js

@@ -0,0 +1,87 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const lodash_1 = require("lodash");
+const webpack_1 = require("webpack");
+const webpack_sources_1 = require("webpack-sources");
+const getCssSuffixName_1 = __importDefault(require("../../../utils/getCssSuffixName"));
+/**
+ * 用来添加 app.json、app.css
+ */
+class MpEntryPlugin {
+    constructor(options) {
+        const { enableV1, enableV2, enableVDom, miniprogramDir } = options;
+        this.enableV1 = enableV1;
+        this.enableV2 = enableV2;
+        this.enableVDom = enableVDom;
+        this.miniprogramDir = miniprogramDir;
+        this.entriesCache = new Map();
+    }
+    apply(compiler) {
+        // app.css
+        if (fs_extra_1.default.existsSync(`${this.miniprogramDir}/app.${(0, getCssSuffixName_1.default)()}`)) {
+            this.makeEntry(compiler, "app_css", `${this.miniprogramDir}/app.${(0, getCssSuffixName_1.default)()}`);
+        }
+        // 在资源优化阶段处理app.json
+        compiler.hooks.compilation.tap(MpEntryPlugin.name, compilation => {
+            // @ts-ignore
+            compilation.hooks.processAssets.tap({
+                name: MpEntryPlugin.name,
+                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY, // see below for more stages
+            }, (assets) => {
+                // @ts-ignore
+                const { appJSON, legacyAppJSON } = compiler.xhsData;
+                if (assets) {
+                    Object.assign(assets, this.getAppJson((0, lodash_1.cloneDeep)(appJSON)));
+                    // 兼容服务端，始终创建 v0/app.json
+                    assets['v0/app.json'] = new webpack_sources_1.RawSource(JSON.stringify(legacyAppJSON));
+                }
+            });
+        });
+    }
+    getAppJson(appJSON) {
+        Reflect.deleteProperty(appJSON, 'lazyCodeLoading');
+        const assets = {};
+        if (this.enableVDom) {
+            appJSON.xhsVersionStrategy.enableVDom = true;
+            appJSON.usingFramework = '2.0';
+        }
+        if (this.enableV1) {
+            const appJsonSource = new webpack_sources_1.RawSource(JSON.stringify(appJSON));
+            assets['v1/app.json'] = appJsonSource;
+            for (const subpackage of appJSON.subPackages) {
+                if (subpackage.independent) {
+                    assets[`v1/${subpackage.root}/app.json`] = appJsonSource;
+                }
+            }
+        }
+        if (this.enableV2) {
+            // v2包 按需加载特殊处理
+            let appJsonSourceV2 = (0, lodash_1.cloneDeep)(appJSON);
+            appJsonSourceV2.xhsVersionStrategy.lazyCodeLoading = true;
+            appJsonSourceV2.lazyCodeLoading = 'requiredComponents';
+            appJsonSourceV2 = new webpack_sources_1.RawSource(JSON.stringify(appJsonSourceV2));
+            assets['v2/app.json'] = appJsonSourceV2;
+            // 独立分包的 app.json
+            for (const subpackage of appJSON.subPackages) {
+                if (subpackage.independent) {
+                    assets[`v2/${subpackage.root}/app.json`] = appJsonSourceV2;
+                }
+            }
+        }
+        return assets;
+    }
+    makeEntry(compiler, name, url) {
+        if (this.entriesCache.get(name))
+            return;
+        const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, name, {
+            import: [url],
+        });
+        new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
+        this.entriesCache.set(name, true);
+    }
+}
+exports.default = MpEntryPlugin;

package/dist/webpack-config/presets/mp/index.d.ts

@@ -0,0 +1,4 @@
+import Config from 'webpack-chain';
+import { WebpackPresetOptions } from '../../../types';
+declare const presetMp: (chain: Config, options: WebpackPresetOptions) => void;
+export default presetMp;

package/dist/webpack-config/presets/mp/index.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const copy_webpack_plugin_1 = __importDefault(require("copy-webpack-plugin"));
+const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
+const MpEntryPlugin_1 = __importDefault(require("./MpEntryPlugin"));
+const css_1 = __importDefault(require("../../lib/css"));
+const getCssSuffixName_1 = __importDefault(require("../../../utils/getCssSuffixName"));
+const ASSETS_EXTS = 'png,jpg,jpeg,gif,svg,webp,cer,mp3,aac,m4a,mp4,wav,ogg,silk,wasm,br,plist';
+const presetMp = (chain, options) => {
+    const { extJsonPath, enableV1, enableV2, enableVDom, mpDir, miniprogramDir } = options;
+    const cssReg = new RegExp(`.${(0, getCssSuffixName_1.default)()}$`);
+    chain.merge({
+        output: {
+            path: options.distDir,
+        },
+        module: {
+            rule: {
+                [(0, getCssSuffixName_1.default)()]: {
+                    test: cssReg,
+                    use: Object.assign({ 'mini-style-loader': {
+                            loader: require.resolve('../../loaders/mini-style-loader'),
+                            options: {
+                                enableV1,
+                                enableV2,
+                                miniprogramDir,
+                                independent: true,
+                            }
+                        } }, (0, css_1.default)(options, ['postcss-loader', 'wxss-loader'])),
+                },
+            },
+        },
+    });
+    const copyPatterns = [enableV1 && 'v1', enableV2 && 'v2'].filter(Boolean).map(i => ({
+        noErrorOnMissing: true,
+        from: `**/*.{${ASSETS_EXTS}}`,
+        to: i,
+        context: miniprogramDir,
+        globOptions: { gitignore: true },
+    }));
+    chain.plugin('CopyPlugin').use(copy_webpack_plugin_1.default, [{ patterns: copyPatterns }]);
+    // app.json  app.css
+    chain.plugin('MpEntryPlugin').use(MpEntryPlugin_1.default, [{ enableV1, enableV2, enableVDom, miniprogramDir }]);
+    chain.plugin('XhsMpJsonPlugin').use(XhsMpJsonPlugin_1.default, [{ mpDir, miniprogramDir, extJsonPath }]);
+};
+exports.default = presetMp;

package/dist/webpack-config/presets/prod.d.ts

@@ -0,0 +1,4 @@
+import Config from 'webpack-chain';
+import { CliConfig } from '../../types';
+declare const getProdConfig: (chain: Config, options: CliConfig) => void;
+export default getProdConfig;

package/dist/webpack-config/presets/prod.js

@@ -0,0 +1,83 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const const_1 = __importDefault(require("../lib/const"));
+// import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
+const getProdConfig = (chain, options) => {
+    chain.mode('production');
+    chain.devtool(false);
+    if (!options.noJs) {
+        // 生产环境使用 babel-loader
+        chain.module
+            .rule('js')
+            .use('js-loader')
+            .loader(require.resolve('babel-loader'))
+            .options({
+            configFile: false,
+            babelrc: false,
+            sourceType: 'unambiguous',
+            presets: [
+                [
+                    require.resolve('@babel/preset-env'),
+                    {
+                        useBuiltIns: false,
+                        corejs: {
+                            version: 3,
+                            proposals: true,
+                        },
+                        shippedProposals: true,
+                        targets: const_1.default.PROD_BROWSERSLIST,
+                    },
+                ],
+            ],
+            plugins: [[require.resolve('@babel/plugin-transform-runtime'), { corejs: false }]],
+        });
+        chain.module
+            .rule('ts')
+            .use('ts-loader')
+            .loader(require.resolve('babel-loader'))
+            .options({
+            sourceType: 'unambiguous',
+            presets: [
+                [require.resolve('@babel/preset-typescript'), {
+                        allExtensions: true,
+                        isTSX: true,
+                    }],
+                [
+                    require.resolve('@babel/preset-env'),
+                    {
+                        useBuiltIns: false,
+                        corejs: {
+                            version: 3,
+                            proposals: true,
+                        },
+                        shippedProposals: true,
+                        targets: const_1.default.PROD_BROWSERSLIST,
+                    },
+                ],
+            ],
+            plugins: [[require.resolve('@babel/plugin-transform-runtime'), { corejs: false }]],
+        });
+        chain.optimization.minimizer('js').use(require.resolve('terser-webpack-plugin'), [
+            {
+                terserOptions: {
+                    safari10: true,
+                    compress: { drop_console: false },
+                },
+            },
+        ]);
+    }
+    chain.optimization.minimize(!!options.compressJs);
+    // mini-style-loader 中已压缩
+    // chain.optimization.minimizer('css').use(require.resolve('css-minimizer-webpack-plugin'), [
+    //   {
+    //     minimizerOptions: {
+    //       preset: ['default', { normalizeUrl: false }],
+    //     },
+    //   },
+    // ])
+    // chain.plugin('abc').use(BundleAnalyzerPlugin)
+};
+exports.default = getProdConfig;

package/dist/webpack-config/presets/render/ComponentEntryPlugin.d.ts

@@ -0,0 +1,18 @@
+import { Compiler } from 'webpack';
+interface IRenderEntryPluginOptions {
+    enableV1?: boolean;
+    enableV2?: boolean;
+}
+declare class RenderEntryPlugin {
+    enableV1?: boolean;
+    enableV2?: boolean;
+    entriesCache: Map<string, boolean>;
+    subPackageRoots: string[];
+    constructor(options: IRenderEntryPluginOptions);
+    isFileInMainPkg(filePath: any): boolean;
+    isFileInSubpackage(filePath: any): boolean;
+    apply(compiler: Compiler): void;
+    makeGlobalEntry(compiler: Compiler, filename: string, url: string): void;
+    makeUmdEntry(compiler: Compiler, filename: string, url: string, libraryName: string): void;
+}
+export default RenderEntryPlugin;

package/dist/webpack-config/presets/render/ComponentEntryPlugin.js

@@ -0,0 +1,77 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
+class RenderEntryPlugin {
+    constructor(options) {
+        const { enableV1, enableV2 } = options;
+        this.enableV1 = enableV1;
+        this.enableV2 = enableV2;
+        this.entriesCache = new Map();
+        this.subPackageRoots = [];
+    }
+    isFileInMainPkg(filePath) {
+        return this.subPackageRoots.every(root => !filePath.startsWith(`${root}/`));
+    }
+    isFileInSubpackage(filePath) {
+        return this.subPackageRoots.some(root => filePath.startsWith(`${root}/`));
+    }
+    apply(compiler) {
+        new webpack_1.library.EnableLibraryPlugin('global').apply(compiler);
+        const hooks = XhsMpJsonPlugin_1.default.getHooks();
+        hooks.collected.tap('RenderEntryPlugin', ({ xhsData }) => {
+            const { appJSON } = xhsData;
+            this.subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
+            if (this.enableV2) {
+                new webpack_1.library.EnableLibraryPlugin('global').apply(compiler);
+                Object.keys(appJSON.componentsMap).forEach(compPath => {
+                    if (this.isFileInMainPkg(compPath)) {
+                        this.makeGlobalEntry(compiler, `v2/${compPath}.js`, `component-entry-requirements-loader?compPath=${compPath}&pkg=main!`);
+                    }
+                    if (this.isFileInSubpackage(compPath)) {
+                        const root = this.subPackageRoots.find(root => compPath.startsWith(`${root}/`));
+                        this.makeGlobalEntry(compiler, `v2/${root}/${compPath}.js`, `component-entry-requirements-loader?compPath=${compPath}&pkg=sub&root=${root}!`);
+                    }
+                });
+            }
+            /**
+             * 继续构建 v1 的包，向前兼容
+             */
+            if (this.enableV1) {
+                new webpack_1.library.EnableLibraryPlugin('umd').apply(compiler);
+                // components
+                this.makeUmdEntry(compiler, 'v1/components.js', 'component-entry-loader?pkg=main!', 'XHS_COMPONENTS');
+                for (const subPackage of appJSON.subPackages) {
+                    const { root } = subPackage;
+                    // subPackages 的 components
+                    this.makeUmdEntry(compiler, `v1/${root}/components.js`, `component-entry-loader?pkg=sub&root=${root}!`, `XHS_COMPONENTS_${root}`);
+                }
+            }
+        });
+    }
+    makeGlobalEntry(compiler, filename, url) {
+        if (this.entriesCache.get(filename))
+            return;
+        const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, filename, {
+            import: [url],
+            filename,
+        });
+        new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
+        this.entriesCache.set(filename, true);
+    }
+    makeUmdEntry(compiler, filename, url, libraryName) {
+        if (this.entriesCache.get(filename))
+            return;
+        const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, filename, {
+            import: [url],
+            filename,
+            library: { name: libraryName, type: 'umd' },
+        });
+        new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
+        this.entriesCache.set(filename, true);
+    }
+}
+exports.default = RenderEntryPlugin;

package/dist/webpack-config/presets/render/RenderChunkPlugin.d.ts

@@ -0,0 +1,5 @@
+import { Compiler } from 'webpack';
+declare class RenderChunkPlugin {
+    apply(compiler: Compiler): void;
+}
+export default RenderChunkPlugin;

package/dist/webpack-config/presets/render/RenderChunkPlugin.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+const webpack_sources_1 = require("webpack-sources");
+const injectCSS = `
+globalThis.__XHS_IS_WEBVIEW = (globalThis.localStorage && document && document.getElementsByTagName)
+globalThis.__XHS_APPEND_CSS = function(cssText){
+    if (!globalThis.__XHS_IS_WEBVIEW) return;
+    var headTags = document.getElementsByTagName('head')
+    var head = document.head || (headTags && headTags[0])
+    var cssTextNode = document.createTextNode(String(cssText))
+    var styleNode = document.createElement('style')
+    styleNode.appendChild(cssTextNode)
+    head.appendChild(styleNode)
+};
+`;
+// 注入css跟webpack runtime
+class RenderChunkPlugin {
+    apply(compiler) {
+        compiler.hooks.compilation.tap(RenderChunkPlugin.name, compilation => {
+            compilation.hooks.processAssets.tap({
+                name: RenderChunkPlugin.name,
+                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
+            }, (assets) => {
+                var _a, _b;
+                // 注入css逻辑
+                const injectCode = injectCSS;
+                // @ts-ignore
+                const appJSON = compiler.xhsData.appJSON;
+                const pathMap = [
+                    (_a = appJSON.pages) === null || _a === void 0 ? void 0 : _a.map(({ path }) => path),
+                    (_b = appJSON.subPackages) === null || _b === void 0 ? void 0 : _b.map(sub => { var _a; return (_a = sub.pages) === null || _a === void 0 ? void 0 : _a.map(({ path }) => path); })
+                ].flat(4).filter(Boolean)
+                    .reduce((ac, path) => {
+                    ac[`v1/${path}.render.js`] = true;
+                    ac[`v2/${path}.render.js`] = true;
+                    return ac;
+                }, {});
+                // 将runtime 塞到render.js中去
+                Object.keys(assets).forEach(key => {
+                    if (!pathMap[key])
+                        return;
+                    // @ts-ignore
+                    compilation.updateAsset(key, new webpack_sources_1.ConcatSource(injectCode, assets[key]));
+                });
+            });
+        });
+    }
+}
+exports.default = RenderChunkPlugin;

package/dist/webpack-config/presets/render/RenderEntryPlugin.d.ts

@@ -0,0 +1,14 @@
+import { Compiler } from 'webpack';
+interface IRenderEntryPluginOptions {
+    enableV1?: boolean;
+    enableV2?: boolean;
+}
+declare class RenderEntryPlugin {
+    enableV1?: boolean;
+    enableV2?: boolean;
+    entriesCache: Map<string, boolean>;
+    constructor(options: IRenderEntryPluginOptions);
+    apply(compiler: Compiler): void;
+    makeEntry(compiler: Compiler, name: string, url: string): void;
+}
+export default RenderEntryPlugin;

package/dist/webpack-config/presets/render/RenderEntryPlugin.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
+class RenderEntryPlugin {
+    constructor(options) {
+        const { enableV1, enableV2 } = options;
+        this.enableV1 = enableV1;
+        this.enableV2 = enableV2;
+        this.entriesCache = new Map();
+    }
+    apply(compiler) {
+        const hooks = XhsMpJsonPlugin_1.default.getHooks();
+        hooks.collected.tap('RenderEntryPlugin', ({ xhsData }) => {
+            const { appJSON } = xhsData;
+            new webpack_1.library.EnableLibraryPlugin('umd').apply(compiler);
+            for (const { path } of appJSON.pages) {
+                this.enableV1 && this.makeEntry(compiler, `v1/${path}`, `render-entry-loader?mode=v1&path=${path}!`);
+                this.enableV2 && this.makeEntry(compiler, `v2/${path}`, `render-entry-loader?mode=v2&path=${path}!`);
+            }
+            for (const subPackage of appJSON.subPackages) {
+                const { pages } = subPackage;
+                for (const { path } of pages) {
+                    // subPackages 的 pages
+                    this.enableV1 && this.makeEntry(compiler, `v1/${path}`, `render-entry-loader?mode=v1&path=${path}!`);
+                    this.enableV2 && this.makeEntry(compiler, `v2/${path}`, `render-entry-loader?mode=v2&path=${path}!`);
+                }
+            }
+        });
+    }
+    makeEntry(compiler, name, url) {
+        if (this.entriesCache.get(name))
+            return;
+        const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, name, { import: [url] });
+        new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
+        this.entriesCache.set(name, true);
+    }
+}
+exports.default = RenderEntryPlugin;