xhs-mp-compiler-cli 1.0.2 → 1.1.0

package/dist/presets/configs/miniprogram/render/component.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getComponentEntry = void 0;
+const xhs_mp_pack_1 = require("xhs-mp-pack");
+const getComponentEntry = (options) => {
+    const entries = {};
+    const { packSetting } = options;
+    // 编译v2
+    if (packSetting.enableV2) {
+        appendV2Entry(options, entries);
+    }
+    // 构建 v1 的包
+    if (packSetting.enableV1) {
+        appendV1Entry(options, entries);
+    }
+    return entries;
+};
+exports.getComponentEntry = getComponentEntry;
+const appendV2Entry = (options, entries) => {
+    const { project, packSetting } = options;
+    const subPackages = project.getSubPackages();
+    const subPackageRoots = subPackages.map(pkg => pkg.root);
+    const componentsMap = project.getComponentsMap();
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    Object.keys(componentsMap).forEach(compPath => {
+        if (mainPkg && project.isFileInMainPkg(compPath)) {
+            entries[`v2/${compPath}`] = `mp-entry-loader?type=component&mode=v2&compPath=${compPath}&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
+        }
+        for (const subPkg of subPkgs) {
+            if (compPath.startsWith(`${subPkg.root}/`)) {
+                const root = subPackageRoots.find(root => compPath.startsWith(`${root}/`));
+                entries[`v2/${root}/${compPath}`] = `mp-entry-loader?type=component&mode=v2&compPath=${compPath}&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
+            }
+        }
+    });
+};
+function appendV1Entry(options, entries) {
+    const { packSetting } = options;
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    if (mainPkg) {
+        entries['v1/components'] = `mp-entry-loader?type=component&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
+    }
+    for (const subPkg of subPkgs) {
+        const { root } = subPkg;
+        entries[`v1/${root}/components`] = `mp-entry-loader?type=component&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
+    }
+}

package/dist/presets/configs/miniprogram/render/index.d.ts

@@ -0,0 +1,5 @@
+import { Config } from '../../../../packs';
+import { IPresetOptions } from '../../../../types';
+declare const getRenderEntry: (options: IPresetOptions) => () => {};
+declare const presetRender: (chain: Config, options: IPresetOptions) => void;
+export { getRenderEntry, presetRender };

package/dist/presets/configs/miniprogram/render/index.js

@@ -0,0 +1,70 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presetRender = exports.getRenderEntry = void 0;
+const css_1 = __importDefault(require("../../../../utils/css"));
+const getSuffixName_1 = require("../../../../utils/getSuffixName");
+const sjsEntryPlugin_1 = __importDefault(require("./sjsEntryPlugin"));
+const render_1 = require("./render");
+const component_1 = require("./component");
+const renderChunkPlugin_1 = __importDefault(require("./renderChunkPlugin"));
+const types_1 = require("../../../../types");
+const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
+const getRenderEntry = (options) => () => (Object.assign(Object.assign({}, (0, render_1.getRenderEntry)(options)), (0, component_1.getComponentEntry)(options)));
+exports.getRenderEntry = getRenderEntry;
+const presetRender = (chain, options) => {
+    const { packSetting } = options;
+    const { enableVDom, env, distDir } = packSetting;
+    const mlReg = new RegExp(`.${(0, getSuffixName_1.getMlSuffixName)()}$`);
+    const cssReg = new RegExp(`.${(0, getSuffixName_1.getCssSuffixName)()}$`);
+    const isProd = env === types_1.ENV.production;
+    chain.merge({
+        externals: { vue: 'vue' },
+        output: {
+            path: distDir,
+            globalObject: 'globalThis',
+            libraryTarget: 'umd',
+            uniqueName: 'MpRender',
+        },
+        // cache: {
+        //   type: 'filesystem',
+        //   cacheDirectory: packSetting.cacheDirectory,
+        // },
+        module: {
+            rule: {
+                ml: {
+                    test: mlReg,
+                    use: {
+                        // 'thread-loader': {
+                        //   loader: require.resolve('thread-loader'),
+                        //   options: {
+                        //     workers: require('os').cpus().length,
+                        //   },
+                        // },
+                        'ml-loader': {
+                            loader: require.resolve('xhs-mp-compiler-ml-loader'),
+                            options: {
+                                removeComentNode: isProd,
+                                vdom: enableVDom,
+                            },
+                        },
+                    },
+                },
+                [(0, getSuffixName_1.getCssSuffixName)()]: {
+                    test: cssReg,
+                    use: (0, css_1.default)(options, [
+                        "mini-style-loader",
+                        'postcss-loader',
+                        'wxss-loader',
+                    ]),
+                },
+            },
+        },
+    });
+    chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
+    chain.plugin('SjsEntryPlugin').use(sjsEntryPlugin_1.default, [options]);
+    chain.plugin("RenderChunkPlugin").use(renderChunkPlugin_1.default, [options]);
+};
+exports.presetRender = presetRender;

package/dist/presets/configs/miniprogram/render/render.d.ts

@@ -0,0 +1,3 @@
+import { IPresetOptions } from '../../../../types';
+declare const getRenderEntry: (options: IPresetOptions) => {};
+export { getRenderEntry };

package/dist/presets/configs/miniprogram/render/render.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getRenderEntry = void 0;
+const getSuffixName_1 = require("../../../../utils/getSuffixName");
+const xhs_mp_pack_1 = require("xhs-mp-pack");
+const getRenderEntry = (options) => {
+    const entries = {};
+    const { packSetting } = options;
+    if (packSetting.enableV2) {
+        appendV2Entry(options, entries);
+    }
+    if (packSetting.enableV1) {
+        appendV1Entry(options, entries);
+    }
+    return entries;
+};
+exports.getRenderEntry = getRenderEntry;
+const appendV2Entry = (options, entries) => {
+    const { project, packSetting } = options;
+    const projectMiniprogramPath = project.projectMiniprogramPath;
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    if (mainPkg) {
+        const pages = project.getPages();
+        for (const { path } of pages) {
+            entries[`v2/${path}.render`] = `mp-entry-loader?type=render&mode=v2&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!${projectMiniprogramPath}/${path}.${(0, getSuffixName_1.getMlSuffixName)()}`;
+        }
+    }
+    for (const { pages, root } of subPkgs) {
+        for (const { path } of pages) {
+            entries[`v2/${path}.render`] = `mp-entry-loader?type=render&mode=v2&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!${projectMiniprogramPath}/${path}.${(0, getSuffixName_1.getMlSuffixName)()}`;
+        }
+    }
+};
+const appendV1Entry = (options, entries) => {
+    const { project, packSetting } = options;
+    const projectMiniprogramPath = project.projectMiniprogramPath;
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    if (mainPkg) {
+        const pages = project.getPages();
+        for (const { path } of pages) {
+            entries[`v1/${path}.render`] = `mp-entry-loader?type=render&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!${projectMiniprogramPath}/${path}.${(0, getSuffixName_1.getMlSuffixName)()}`;
+        }
+    }
+    for (const { pages, root } of subPkgs) {
+        for (const { path } of pages) {
+            entries[`v1/${path}.render`] = `mp-entry-loader?type=render&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!${projectMiniprogramPath}/${path}.${(0, getSuffixName_1.getMlSuffixName)()}`;
+        }
+    }
+};

package/dist/presets/configs/miniprogram/render/renderChunkPlugin.d.ts

@@ -0,0 +1,8 @@
+import { ICompiler } from '../../../../packs';
+import { IPresetOptions } from '../../../../types';
+declare class RenderChunkPlugin {
+    options: IPresetOptions;
+    constructor(options: IPresetOptions);
+    apply(compiler: ICompiler): void;
+}
+export default RenderChunkPlugin;

package/dist/{webpack-config/presets/render/RenderChunkPlugin.js → presets/configs/miniprogram/render/renderChunkPlugin.js}

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-const webpack_sources_1 = require("webpack-sources");
+const packs_1 = require("../../../../packs");
 const injectCSS = `
-globalThis.__XHS_IS_WEBVIEW = (globalThis.localStorage && document && document.getElementsByTagName)
+globalThis.__XHS_IS_WEBVIEW = (globalThis.localStorage && document && document.querySelectorAll)
 globalThis.__XHS_APPEND_CSS = function(cssText){
     if (!globalThis.__XHS_IS_WEBVIEW) return;
     var headTags = document.getElementsByTagName('head')
@@ -16,21 +15,27 @@ globalThis.__XHS_APPEND_CSS = function(cssText){
 `;
 // 注入css跟webpack runtime
 class RenderChunkPlugin {
+    constructor(options) {
+        this.options = options;
+    }
     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) => {
+                stage: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+            }, assets => {
                 var _a, _b;
+                const { project } = this.options;
                 // 注入css逻辑
                 const injectCode = injectCSS;
                 // @ts-ignore
-                const appJSON = compiler.xhsData.appJSON;
+                const appJSON = project.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)
+                ]
+                    .flat(4)
+                    .filter(Boolean)
                     .reduce((ac, path) => {
                     ac[`v1/${path}.render.js`] = true;
                     ac[`v2/${path}.render.js`] = true;
@@ -41,7 +46,7 @@ class RenderChunkPlugin {
                     if (!pathMap[key])
                         return;
                     // @ts-ignore
-                    compilation.updateAsset(key, new webpack_sources_1.ConcatSource(injectCode, assets[key]));
+                    compilation.updateAsset(key, new packs_1.ConcatSource(injectCode, assets[key]));
                 });
             });
         });

package/dist/presets/configs/miniprogram/render/sjsEntryPlugin.d.ts

@@ -0,0 +1,15 @@
+import { Compilation, ICompiler } from '../../../../packs';
+import { IPresetOptions } from '../../../../types';
+declare class SjsEntryPlugin {
+    options: IPresetOptions;
+    entriesCache: Map<string, boolean>;
+    mainpkgPaths: string[];
+    subPackagePaths: Map<string, string[]>;
+    subPackageRoots: string[];
+    constructor(options: IPresetOptions);
+    isFileInMainPkg(filePath: any): boolean;
+    isFileInSubpackage(filePath: any): boolean;
+    apply(compiler: ICompiler): void;
+    makeSjsFileContent(compilation: Compilation, chunkName: string, sjsFiles: string[] | undefined, sjsModuleName: string, pkgRoot?: string): void;
+}
+export default SjsEntryPlugin;

package/dist/{webpack-config/presets/render/SjsEntryPlugin.js → presets/configs/miniprogram/render/sjsEntryPlugin.js}

@@ -29,26 +29,32 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const glob_1 = __importDefault(require("glob"));
 const path_1 = __importDefault(require("path"));
-const webpack_sources_1 = require("webpack-sources");
-const webpack_1 = require("webpack");
-const index_1 = __importStar(require("../../loaders/sjs-loader/index"));
-const common_1 = require("../../../utils/common");
+const packs_1 = require("../../../../packs");
+const index_1 = __importStar(require("../../../loaders/sjs-loader/index"));
+const common_1 = require("../../../../utils/common");
+/**
+ * @NOTE 分包中使用 SJS 的规则
+ *
+ *  - 整包情况下，可以在所有页面中引用整包内的任意SJS模块。
+ *  - 分包情况下：
+ *    - 主包不能引入分包的 SJS 模块。
+ *    - 分包内部可以引用主分包内的SJS模块。
+ *    - 分包A 和 分包B 之间不可以互相引用SJS模块。
+ *    - 独立分包内的SJS模块只能在独立分包内使用，不能跨分包引用。
+ */
 function formatSJSPath(i) {
     if (/\.(sjs|wxs)$/.test(i)) {
         return (0, common_1.toUnixPath)(i);
     }
     const suffix = ['sjs', 'wxs'].find(n => fs_extra_1.default.existsSync(`${i}.${n}`));
     if (!suffix) {
-        throw new webpack_1.WebpackError(`[SJS文件编译错误] ${i}.sjs 不存在`);
+        throw new packs_1.WebpackError(`[SJS文件编译错误] ${i}.sjs 不存在`);
     }
     return (0, common_1.toUnixPath)(suffix ? `${i}.${suffix}` : i);
 }
 class SjsEntryPlugin {
     constructor(options) {
-        const { enableV1, enableV2, miniprogramDir } = options;
-        this.miniprogramDir = miniprogramDir;
-        this.enableV1 = enableV1;
-        this.enableV2 = enableV2;
+        this.options = options;
         this.entriesCache = new Map();
         this.mainpkgPaths = [];
         this.subPackagePaths = new Map();
@@ -61,14 +67,13 @@ class SjsEntryPlugin {
         return this.subPackageRoots.some(root => filePath.startsWith(`${root}/`));
     }
     apply(compiler) {
-        new webpack_1.library.EnableLibraryPlugin('umd').apply(compiler);
         compiler.hooks.watchRun.tap('SjsEntryPlugin', () => {
             this.subPackagePaths.clear();
             this.mainpkgPaths = [];
         });
         compiler.hooks.emit.tapAsync('SjsEntryPlugin', (compilation, callback) => {
-            // @ts-ignore
-            const { appJSON, miniprogramDir } = (compiler === null || compiler === void 0 ? void 0 : compiler.xhsData) || {};
+            const { project } = this.options;
+            const { appJSON, miniprogramDir } = project;
             this.subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
             // 默认输出一个空的sjs文件
             this.subPackageRoots.forEach(root => {
@@ -95,7 +100,6 @@ class SjsEntryPlugin {
             this.makeSjsFileContent(compilation, 'sjs.js', [...this.mainpkgPaths], 'XHS_SJS');
             // 分包
             Array.from(this.subPackagePaths.keys()).forEach(pkgRoot => {
-                // eslint-disable-next-line
                 const paths = this.subPackagePaths.get(pkgRoot);
                 this.makeSjsFileContent(compilation, `${pkgRoot}/sjs.js`, [...paths], `XHS_SJS_${pkgRoot}`, pkgRoot);
             });
@@ -104,6 +108,7 @@ class SjsEntryPlugin {
     }
     makeSjsFileContent(compilation, chunkName, sjsFiles = [], sjsModuleName, pkgRoot) {
         var _a;
+        const { project, packSetting } = this.options;
         const sjsModules = [];
         // 用于去除重复引入
         const sjsPathCache = new Set();
@@ -112,9 +117,7 @@ class SjsEntryPlugin {
          *   在这里校验 sjs 模块引入的路径是否符合规则，分包的规则见上方
          */
         let sjsPath;
-        // @ts-ignore
         while ((sjsPath = sjsFiles.shift())) {
-            // eslint-disable-line
             if (sjsPathCache.has(sjsPath)) {
                 continue;
             }
@@ -122,7 +125,7 @@ class SjsEntryPlugin {
             const content = fs_extra_1.default.readFileSync(sjsAbsPath, 'utf8');
             const result = index_1.default.call(compilation, content, requirePath => {
                 const realPath = (0, common_1.unixResolve)(path_1.default.dirname(sjsAbsPath), requirePath);
-                const relativePath = (0, common_1.getShortPath)(this.miniprogramDir, realPath);
+                const relativePath = (0, common_1.getShortPath)(project.miniprogramDir, realPath);
                 /**
                  * 不是当前分包的 sjs 文件不处理
                  */
@@ -136,9 +139,9 @@ class SjsEntryPlugin {
                 return relativePath;
             });
             if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
-                throw new webpack_1.WebpackError(`[SJS 文件编译错误] ${sjsAbsPath}\n${result.errors.map(i => i.message).join("\n")}`);
+                throw new packs_1.WebpackError(`[SJS 文件编译错误] ${sjsAbsPath}\n${result.errors.map(i => i.message).join("\n")}`);
             }
-            const moduleName = (0, common_1.getShortPath)(this.miniprogramDir, sjsAbsPath);
+            const moduleName = (0, common_1.getShortPath)(project.miniprogramDir, sjsAbsPath);
             // 老版本兼容代码
             sjsModules.push(`"${moduleName}": ${JSON.stringify(result.legacyCode)}`);
             // 模块化代码
@@ -146,12 +149,12 @@ class SjsEntryPlugin {
             // 处理后的加入缓存
             sjsPathCache.add(sjsPath);
         }
-        const source = new webpack_sources_1.ConcatSource(`globalThis['${sjsModuleName}'] = {`, `${sjsModules.join(',\n')}`, '}');
-        if (this.enableV1) {
+        const source = new packs_1.ConcatSource(`globalThis['${sjsModuleName}'] = {`, `${sjsModules.join(',\n')}`, '}');
+        if (packSetting.enableV1) {
             // @ts-ignore
             compilation.assets[`v1/${chunkName}`] = source;
         }
-        if (this.enableV2) {
+        if (packSetting.enableV2) {
             // @ts-ignore
             compilation.assets[`v2/${chunkName}`] = source;
         }

package/dist/presets/configs/miniprogram/service/index.d.ts

@@ -0,0 +1,5 @@
+import { Config } from 'xhs-mp-pack';
+import { IPresetOptions } from '../../../../types';
+declare const getServiceEntry: (options: any) => () => {};
+declare const presetService: (chain: Config, options: IPresetOptions) => void;
+export { getServiceEntry, presetService };

package/dist/presets/configs/miniprogram/service/index.js

@@ -0,0 +1,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.presetService = exports.getServiceEntry = void 0;
+const xhs_mp_pack_1 = require("xhs-mp-pack");
+const serviceChunkPlugin_1 = __importDefault(require("./serviceChunkPlugin"));
+const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
+const getServiceEntry = options => () => {
+    const entries = {};
+    const { packSetting } = options;
+    if (packSetting.enableV2) {
+        appendV2Entry(options, entries);
+    }
+    if (packSetting.enableV1) {
+        appendV1Entry(options, entries);
+    }
+    return entries;
+};
+exports.getServiceEntry = getServiceEntry;
+const appendV2Entry = (options, entries) => {
+    const { packSetting } = options;
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    if (mainPkg) {
+        entries['v2/service'] = `mp-entry-loader?type=service&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
+    }
+    for (const { root } of subPkgs) {
+        entries[`v2/${root}/service`] = `mp-entry-loader?type=service&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
+    }
+};
+const appendV1Entry = (options, entries) => {
+    const { packSetting } = options;
+    const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
+    if (mainPkg) {
+        entries['v1/service'] = `mp-entry-loader?type=service&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
+    }
+    for (const { root } of subPkgs) {
+        entries[`v1/${root}/service`] = `mp-entry-loader?type=service&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
+    }
+};
+const presetService = (chain, options) => {
+    const { packSetting } = options;
+    const { env, distDir } = packSetting;
+    const isProd = env === xhs_mp_pack_1.ENV.production;
+    chain.merge({
+        output: {
+            path: distDir,
+            globalObject: 'globalThis',
+            libraryTarget: 'umd',
+            uniqueName: 'MpService',
+        }
+        // cache: {
+        //   type: 'filesystem',
+        //   cacheDirectory: cacheDirectory,
+        // },
+    });
+    chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
+    chain.plugin('ServiceChunkPlugin').use(serviceChunkPlugin_1.default, [options]);
+    chain.optimization.runtimeChunk({
+        name: 'runtime'
+    });
+    // dev模式下开启懒编译，不能抽离common chunk
+    if (env !== xhs_mp_pack_1.ENV.development) {
+        chain.optimization.splitChunks({
+            chunks: chunk => !chunk.name.startsWith('v0/'),
+            minSize: 0,
+            name: 'service-common'
+        });
+    }
+};
+exports.presetService = presetService;

package/dist/presets/configs/miniprogram/service/resolveLimitPlugin.d.ts

@@ -0,0 +1,8 @@
+import { Resolver } from 'xhs-mp-pack';
+import { IPresetOptions } from '../../../../types';
+declare class XhsResolveLimitPlugin {
+    options: IPresetOptions;
+    constructor(options: IPresetOptions);
+    apply(compiler: any, resolver: Resolver): void;
+}
+export default XhsResolveLimitPlugin;

package/dist/{webpack-config/presets/service/XhsResolveLimitPlugin.js → presets/configs/miniprogram/service/resolveLimitPlugin.js}

@@ -10,28 +10,29 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const fs_extra_1 = require("fs-extra");
-const common_1 = require("../../../utils/common");
 class XhsResolveLimitPlugin {
     constructor(options) {
-        this.miniprogramDir = options.miniprogramDir;
+        this.options = options;
     }
-    apply(resolver) {
+    apply(compiler, resolver) {
         resolver
             .getHook('file')
             .tapAsync('XhsResolveLimitPlugin', (request, contextResolver, callback) => __awaiter(this, void 0, void 0, function* () {
             var _a;
+            const { project } = this.options;
+            const projectMiniprogramPath = project.projectMiniprogramPath;
             // @ts-ignore
-            let issuer = (0, common_1.toUnixPath)(((_a = request.context) === null || _a === void 0 ? void 0 : _a.issuer) || '');
-            let target = (0, common_1.toUnixPath)(request.path || '');
+            let issuer = ((_a = request.context) === null || _a === void 0 ? void 0 : _a.issuer) || '';
+            let target = request.path || '';
             if (!issuer ||
                 target.includes('node_modules') ||
-                !issuer.startsWith(this.miniprogramDir) ||
-                !target.startsWith(this.miniprogramDir)) {
+                !issuer.startsWith(projectMiniprogramPath) ||
+                !target.startsWith(projectMiniprogramPath)) {
                 return callback();
             }
-            issuer = issuer.replace(`${this.miniprogramDir}/`, '');
-            target = target.replace(new RegExp(this.miniprogramDir, 'g'), '').replace(/^\/+/g, '');
-            const appJSON = yield (0, fs_extra_1.readJson)(`${this.miniprogramDir}/app.json`);
+            issuer = issuer.replace(`${projectMiniprogramPath}/`, '');
+            target = target.replace(new RegExp(projectMiniprogramPath, 'g'), '').replace(/^\/+/g, '');
+            const appJSON = yield (0, fs_extra_1.readJson)(`${projectMiniprogramPath}/app.json`);
             appJSON.subPackages = appJSON.subPackages || appJSON.subpackages || [];
             const subPkgs = appJSON.subPackages.map(pkg => pkg.root);
             // 当 issuer 是分包

package/dist/presets/configs/miniprogram/service/serviceChunkPlugin.d.ts

@@ -0,0 +1,9 @@
+import { IXhsCompiler } from 'xhs-mp-pack';
+import { IPresetOptions } from '../../../../types';
+declare class ServiceChunkPlugin {
+    options: IPresetOptions;
+    constructor(options: IPresetOptions);
+    apply(compiler: IXhsCompiler): void;
+    updateIndependentService(compilation: any, runtimeCode: any): void;
+}
+export default ServiceChunkPlugin;

package/dist/presets/configs/miniprogram/service/serviceChunkPlugin.js

@@ -0,0 +1,65 @@
+"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 xhs_mp_pack_1 = require("xhs-mp-pack");
+class ServiceChunkPlugin {
+    constructor(options) {
+        this.options = options;
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('ServiceChunkPlugin', compilation => {
+            compilation.hooks.processAssets.tap({
+                name: 'ServiceChunkPlugin',
+            }, () => {
+                var _a, _b, _c, _d;
+                const { project, packSetting } = this.options;
+                const serviceSourceV2 = (_a = compilation.getAsset('v2/service.js')) === null || _a === void 0 ? void 0 : _a.source;
+                const serviceSource = (_b = compilation.getAsset('v1/service.js')) === null || _b === void 0 ? void 0 : _b.source;
+                let runtimeCode = (_c = compilation.getAsset('runtime.js')) === null || _c === void 0 ? void 0 : _c.source.source();
+                // 当没有引用相同 js 场景时， commonChunk 将是 undefined
+                const commonSource = ((_d = compilation.getAsset('service-common.js')) === null || _d === void 0 ? void 0 : _d.source) || '';
+                runtimeCode = `
+          if (!globalThis.__XHS_RUNTIME_REGISTERED__) {
+            globalThis.__XHS_RUNTIME_REGISTERED__ = true;
+            ${runtimeCode}
+          }`;
+                if (packSetting.enableV2 && serviceSourceV2) {
+                    // 注入 v2 service.js
+                    // 主包加入 runtimeChunk、commonChunk
+                    compilation.updateAsset('v2/service.js', new xhs_mp_pack_1.ConcatSource(runtimeCode, commonSource, serviceSourceV2));
+                }
+                // 独立分包加入 runtimeChunk
+                if (packSetting.enableV1 && serviceSource) {
+                    // 主包加入 runtimeChunk、commonChunk
+                    compilation.updateAsset('v1/service.js', new xhs_mp_pack_1.ConcatSource(runtimeCode, commonSource, serviceSource));
+                }
+                this.updateIndependentService(compilation, runtimeCode);
+                compilation.deleteAsset('runtime.js');
+                compilation.deleteAsset('service-common.js');
+            });
+        });
+    }
+    updateIndependentService(compilation, runtimeCode) {
+        const { project, packSetting } = this.options;
+        const usingPackageType = packSetting.usingPackageType;
+        const subPackages = project.getSubPackages();
+        subPackages
+            .filter(sub => sub.independent)
+            .map(sub => path_1.default.join(usingPackageType, sub.root, 'service.js'))
+            .forEach(servicePath => {
+            var _a;
+            const independentServiceSource = (_a = compilation.getAsset(servicePath)) === null || _a === void 0 ? void 0 : _a.source;
+            if (compilation.getAsset(servicePath)) {
+                const subServiceSource = new xhs_mp_pack_1.ConcatSource(runtimeCode, independentServiceSource);
+                compilation.updateAsset(servicePath, subServiceSource);
+                if (packSetting.enableV2 && packSetting.enableV1) {
+                    compilation.updateAsset(servicePath.replace(usingPackageType, 'v1'), subServiceSource);
+                }
+            }
+        });
+    }
+}
+exports.default = ServiceChunkPlugin;

package/dist/presets/index.d.ts

@@ -0,0 +1,2 @@
+import { IPresetOptions } from '../types';
+export declare const createConfigs: (options: IPresetOptions) => import("webpack").Configuration[];