xhs-mp-compiler-cli 2.0.0-beta.3 → 2.0.0

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

@@ -1,49 +1,59 @@
-"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);
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
     }
-    if (packSetting.enableV1) {
-        appendV1Entry(options, entries);
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "xhs-mp-compiler-utils", "xhs-mp-pack"], factory);
     }
-    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)()}`;
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.getRenderEntry = void 0;
+    const xhs_mp_compiler_utils_1 = require("xhs-mp-compiler-utils");
+    const xhs_mp_pack_1 = require("xhs-mp-pack");
+    const getRenderEntry = (options) => {
+        const entries = {};
+        const { packSetting } = options;
+        if (packSetting.enableV2) {
+            appendV2Entry(options, entries);
         }
-    }
-    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)()}`;
+        if (packSetting.enableV1) {
+            appendV1Entry(options, entries);
         }
-    }
-};
-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)()}`;
+        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, xhs_mp_compiler_utils_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)()}`;
+        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, xhs_mp_compiler_utils_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, xhs_mp_compiler_utils_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, xhs_mp_compiler_utils_1.getMlSuffixName)()}`;
+            }
+        }
+    };
+});

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

@@ -1,55 +1,90 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const packs_1 = require("../../../../packs");
-const injectCSS = `
-globalThis.__XHS_IS_WEBVIEW = (globalThis.localStorage && globalThis.document && globalThis.document.querySelectorAll)
-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')
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
+    }
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "../../../../packs"], factory);
+    }
+})(function (require, exports) {
+    "use strict";
+    Object.defineProperty(exports, "__esModule", { value: true });
+    const packs_1 = require("../../../../packs");
+    /**
+     * 注入变量不可以使用 let const var 变量形式
+     * 因为2.0 架构下 render.js 和 component.js 运行在逻辑层（只有一个环境） 会导致变量冲突
+     */
+    const common = `
+globalThis.__XHS_WEBVIEW = (globalThis.localStorage && globalThis.document && globalThis.document.querySelectorAll);
+`;
+    const injectLink = `
+${common}
+globalThis.__XHS_ADD_LINK = function(src){
+    if (!globalThis.__XHS_WEBVIEW) return;
+    const host = globalThis.SmallApp && globalThis.SmallApp.__BOOTSTRAP_HOST__
+    const link = document.createElement('link')
+    link.href = host + "/" + src
+    link.type = 'text/css'
+    link.rel = 'stylesheet'
+    link.setAttribute('xhs-p', src)
+    document.head.appendChild(link);
+};
+`;
+    /**
+     * 2.0模式下 render.js 和 component.js 运行在逻辑层
+     * 目前 2.0 各项功能已经稳定 降级可能性不大
+     * 2.0中原先css打包了两份 一份是 .css 文件 一份是 在render.js中注入的style标签
+     * 现在2.0 打包 render.js 中改为使用link标签注入，这样降级到 1.0 时仍然正常运行
+     * 且不会使得包体积变大
+     * 2.0 后面量起来后，可全部采用加载link方式打包，不必区分1.0 2.0
+     */
+    const injectStyle = `
+${common}
+globalThis.__XHS_ADD_STYLE = function(style, src){
+    if (!globalThis.__XHS_WEBVIEW) return;
+    const cssTextNode = document.createTextNode(String(style))
+    const styleNode = document.createElement('style')
+    styleNode.setAttribute('xhs-p', src)
     styleNode.appendChild(cssTextNode)
-    head.appendChild(styleNode)
+    document.head.appendChild(styleNode)
 };
 `;
-// 注入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: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
-            }, assets => {
-                var _a, _b;
-                const { project } = this.options;
-                // 注入css逻辑
-                const injectCode = injectCSS;
-                // @ts-ignore
-                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)
-                    .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 packs_1.ConcatSource(injectCode, assets[key]));
+    // 注入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: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+                }, assets => {
+                    var _a, _b;
+                    const { project, packSetting } = this.options;
+                    // 注入css逻辑
+                    const injectCode = packSetting.enableVDom ? injectLink : injectStyle;
+                    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)
+                        .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;
+                        compilation.updateAsset(key, new packs_1.ConcatSource(injectCode, assets[key]));
+                    });
                 });
             });
-        });
+        }
     }
-}
-exports.default = RenderChunkPlugin;
+    exports.default = RenderChunkPlugin;
+});

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

@@ -1,14 +1,29 @@
 import { Compilation, ICompiler } from '../../../../packs';
 import { IPresetOptions } from '../../../../types';
+/**
+ * @NOTE 分包中使用 SJS 的规则
+ *
+ *  - 整包情况下，可以在所有页面中引用整包内的任意SJS模块。
+ *  - 分包情况下：
+ *    - 主包不能引入分包的 SJS 模块。
+ *    - 分包内部可以引用主分包内的SJS模块。
+ *    - 分包A 和 分包B 之间不可以互相引用SJS模块。
+ *    - 独立分包内的SJS模块只能在独立分包内使用，不能跨分包引用。
+ */
 declare class SjsEntryPlugin {
     options: IPresetOptions;
     entriesCache: Map<string, boolean>;
     mainpkgPaths: string[];
     subPackagePaths: Map<string, string[]>;
     subPackageRoots: string[];
+    _compilation: Compilation;
     constructor(options: IPresetOptions);
     isFileInMainPkg(filePath: any): boolean;
     isFileInSubpackage(filePath: any): boolean;
+    get compilation(): Compilation;
+    set compilation(value: Compilation);
+    emitError(details: string): void;
+    generateMessage(_errs: string | string[], fileName?: string): string;
     apply(compiler: ICompiler): void;
     makeSjsFileContent(compilation: Compilation, chunkName: string, sjsFiles: string[] | undefined, sjsModuleName: string, pkgRoot?: string): void;
 }

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

@@ -1,4 +1,3 @@
-"use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -25,139 +24,178 @@ var __importStar = (this && this.__importStar) || function (mod) {
 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 glob_1 = __importDefault(require("glob"));
-const path_1 = __importDefault(require("path"));
-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);
+(function (factory) {
+    if (typeof module === "object" && typeof module.exports === "object") {
+        var v = factory(require, exports);
+        if (v !== undefined) module.exports = v;
     }
-    const suffix = ['sjs', 'wxs'].find(n => fs_extra_1.default.existsSync(`${i}.${n}`));
-    if (!suffix) {
-        throw new packs_1.WebpackError(`[SJS文件编译错误] ${i}.sjs 不存在`);
+    else if (typeof define === "function" && define.amd) {
+        define(["require", "exports", "fs-extra", "glob", "path", "../../../../packs", "xhs-mp-sjs-loader", "../../../../utils/common"], factory);
     }
-    return (0, common_1.toUnixPath)(suffix ? `${i}.${suffix}` : i);
-}
-class SjsEntryPlugin {
-    constructor(options) {
-        this.options = options;
-        this.entriesCache = new Map();
-        this.mainpkgPaths = [];
-        this.subPackagePaths = 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) {
-        compiler.hooks.watchRun.tap('SjsEntryPlugin', () => {
-            this.subPackagePaths.clear();
+})(function (require, exports) {
+    "use strict";
+    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 packs_1 = require("../../../../packs");
+    const xhs_mp_sjs_loader_1 = __importStar(require("xhs-mp-sjs-loader"));
+    const common_1 = require("../../../../utils/common");
+    /**
+     * @NOTE 分包中使用 SJS 的规则
+     *
+     *  - 整包情况下，可以在所有页面中引用整包内的任意SJS模块。
+     *  - 分包情况下：
+     *    - 主包不能引入分包的 SJS 模块。
+     *    - 分包内部可以引用主分包内的SJS模块。
+     *    - 分包A 和 分包B 之间不可以互相引用SJS模块。
+     *    - 独立分包内的SJS模块只能在独立分包内使用，不能跨分包引用。
+     */
+    class SjsEntryPlugin {
+        constructor(options) {
+            this.options = options;
+            this.entriesCache = new Map();
             this.mainpkgPaths = [];
-        });
-        compiler.hooks.emit.tapAsync('SjsEntryPlugin', (compilation, callback) => {
-            const { project } = this.options;
-            const { appJSON, miniprogramDir } = project;
-            this.subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
-            // 默认输出一个空的sjs文件
-            this.subPackageRoots.forEach(root => {
-                this.subPackagePaths.has(root) || this.subPackagePaths.set(root, []);
+            this.subPackagePaths = new Map();
+            this.subPackageRoots = [];
+        }
+        isFileInMainPkg(filePath) {
+            return this.subPackageRoots.every(root => !filePath.startsWith(`${root}/`));
+        }
+        isFileInSubpackage(filePath) {
+            return this.subPackageRoots.some(root => filePath.startsWith(`${root}/`));
+        }
+        get compilation() {
+            return this._compilation;
+        }
+        set compilation(value) {
+            this._compilation = value;
+        }
+        emitError(details) {
+            var _a, _b;
+            (_b = (_a = this.compilation) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b.push(new packs_1.WebpackError(details));
+        }
+        generateMessage(_errs, fileName = '') {
+            const errs = Array.isArray(_errs) ? _errs : [_errs];
+            return [
+                '\n<xhsml!',
+                (fileName === null || fileName === void 0 ? void 0 : fileName.trim()) ? `[error:sjs编译错误]： [file:${fileName === null || fileName === void 0 ? void 0 : fileName.trim()}]` : '[error:sjs编译错误]',
+                ...errs,
+                '!xhsml>\n'
+            ].join('\n');
+        }
+        apply(compiler) {
+            compiler.hooks.watchRun.tap('SjsEntryPlugin', () => {
+                this.subPackagePaths.clear();
+                this.mainpkgPaths = [];
             });
-            const relativePaths = glob_1.default.sync('**/*.sjs', { cwd: miniprogramDir })
-                .concat(glob_1.default.sync('**/*.wxs', { cwd: miniprogramDir }));
-            relativePaths.forEach(relativePath => {
-                var _a;
-                const sjsAbsPath = (0, common_1.unixJoin)(miniprogramDir, relativePath);
-                // 如果是主包内的文件
-                if (this.isFileInMainPkg(relativePath)) {
-                    this.mainpkgPaths.push(sjsAbsPath);
-                }
-                // 如果命中了分包内的文件
-                if (this.isFileInSubpackage(relativePath)) {
-                    const root = this.subPackageRoots.find(root => relativePath.startsWith(`${root}/`));
-                    if (root) {
-                        (_a = this.subPackagePaths.get(root)) === null || _a === void 0 ? void 0 : _a.push(sjsAbsPath);
+            compiler.hooks.emit.tapAsync('SjsEntryPlugin', (compilation, callback) => {
+                this.compilation = compilation;
+                const { project } = this.options;
+                const { appJSON, miniprogramDir } = project;
+                this.subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
+                // 默认输出一个空的sjs文件
+                this.subPackageRoots.forEach(root => {
+                    this.subPackagePaths.has(root) || this.subPackagePaths.set(root, []);
+                });
+                const relativePaths = glob_1.default.sync('**/*.sjs', { cwd: miniprogramDir })
+                    .concat(glob_1.default.sync('**/*.wxs', { cwd: miniprogramDir }));
+                relativePaths.forEach(relativePath => {
+                    var _a;
+                    const sjsAbsPath = (0, common_1.unixJoin)(miniprogramDir, relativePath);
+                    // 如果是主包内的文件
+                    if (this.isFileInMainPkg(relativePath)) {
+                        this.mainpkgPaths.push(sjsAbsPath);
                     }
-                }
-            });
-            // 主包
-            this.makeSjsFileContent(compilation, 'sjs.js', [...this.mainpkgPaths], 'XHS_SJS');
-            // 分包
-            Array.from(this.subPackagePaths.keys()).forEach(pkgRoot => {
-                const paths = this.subPackagePaths.get(pkgRoot);
-                this.makeSjsFileContent(compilation, `${pkgRoot}/sjs.js`, [...paths], `XHS_SJS_${pkgRoot}`, pkgRoot);
+                    // 如果命中了分包内的文件
+                    if (this.isFileInSubpackage(relativePath)) {
+                        const root = this.subPackageRoots.find(root => relativePath.startsWith(`${root}/`));
+                        if (root) {
+                            (_a = this.subPackagePaths.get(root)) === null || _a === void 0 ? void 0 : _a.push(sjsAbsPath);
+                        }
+                    }
+                });
+                // 主包
+                this.makeSjsFileContent(compilation, 'sjs.js', [...this.mainpkgPaths], 'XHS_SJS');
+                // 分包
+                Array.from(this.subPackagePaths.keys()).forEach(pkgRoot => {
+                    const paths = this.subPackagePaths.get(pkgRoot);
+                    this.makeSjsFileContent(compilation, `${pkgRoot}/sjs.js`, [...paths], `XHS_SJS_${pkgRoot}`, pkgRoot);
+                });
+                callback();
             });
-            callback();
-        });
-    }
-    makeSjsFileContent(compilation, chunkName, sjsFiles = [], sjsModuleName, pkgRoot) {
-        var _a;
-        const { project, packSetting } = this.options;
-        const sjsModules = [];
-        // 用于去除重复引入
-        const sjsPathCache = new Set();
-        /**
-         * @NOTE
-         *   在这里校验 sjs 模块引入的路径是否符合规则，分包的规则见上方
-         */
-        let sjsPath;
-        while ((sjsPath = sjsFiles.shift())) {
-            if (sjsPathCache.has(sjsPath)) {
-                continue;
-            }
-            const sjsAbsPath = formatSJSPath(sjsPath);
-            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)(project.miniprogramDir, realPath);
-                /**
-                 * 不是当前分包的 sjs 文件不处理
-                 */
-                if (pkgRoot && !relativePath.startsWith(pkgRoot)) {
-                    throw new Error(`require(${JSON.stringify(requirePath)})，请检测引入路径是否正确或符合分包规则！`);
+        }
+        makeSjsFileContent(compilation, chunkName, sjsFiles = [], sjsModuleName, pkgRoot) {
+            var _a;
+            const { project, packSetting } = this.options;
+            const sjsModules = [];
+            // 用于去除重复引入
+            const sjsPathCache = new Set();
+            /**
+             * @NOTE
+             *   在这里校验 sjs 模块引入的路径是否符合规则，分包的规则见上方
+             */
+            let sjsPath;
+            while ((sjsPath = sjsFiles.shift())) {
+                if (sjsPathCache.has(sjsPath)) {
+                    continue;
                 }
-                if (!fs_extra_1.default.existsSync(realPath)) {
-                    throw new Error(`require(${JSON.stringify(requirePath)}) file does not exist`);
+                let sjsAbsPath = '';
+                if (/\.(sjs|wxs)$/.test(sjsPath)) {
+                    sjsAbsPath = (0, common_1.toUnixPath)(sjsPath);
+                }
+                else {
+                    this.emitError(this.generateMessage(`文件后缀不正确 ${sjsPath}`));
+                }
+                const content = fs_extra_1.default.readFileSync(sjsAbsPath, 'utf8');
+                try {
+                    const result = xhs_mp_sjs_loader_1.default.call(compilation, content, requirePath => {
+                        const realPath = (0, common_1.unixResolve)(path_1.default.dirname(sjsAbsPath), requirePath);
+                        const relativePath = (0, common_1.getShortPath)(project.miniprogramDir, realPath);
+                        /**
+                         * 不是当前分包的 sjs 文件不处理
+                         */
+                        if (pkgRoot && !relativePath.startsWith(pkgRoot)) {
+                            this.emitError(this.generateMessage(`require(${JSON.stringify(requirePath)})，请检测引入路径是否正确或符合分包规则！`, sjsAbsPath));
+                        }
+                        else if (!fs_extra_1.default.existsSync(realPath)) {
+                            this.emitError(this.generateMessage(`require(${JSON.stringify(requirePath)})，请检测引入路径是否正确！`, sjsAbsPath));
+                        }
+                        else if (!/\.(sjs|wxs)$/.test(requirePath)) {
+                            this.emitError(this.generateMessage(`require(${JSON.stringify(requirePath)})，仅支持引入 .js 后缀结尾的文件！`, sjsAbsPath));
+                        }
+                        else {
+                            sjsFiles.push(realPath);
+                        }
+                        return relativePath;
+                    });
+                    if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
+                        this.emitError(this.generateMessage(result.errors.map(i => i.message).join("\n"), sjsAbsPath));
+                    }
+                    const moduleName = (0, common_1.getShortPath)(project.miniprogramDir, sjsAbsPath);
+                    // 老版本兼容代码
+                    sjsModules.push(`"${moduleName}": ${JSON.stringify(result.legacyCode)}`);
+                    // 模块化代码
+                    sjsModules.push([
+                        `".sjs#${moduleName}": function(exports,require,module,${xhs_mp_sjs_loader_1.SJS_HELPER}){`,
+                        `${result.code};`,
+                        `return module;}`
+                    ].join('\n'));
+                    // 处理后的加入缓存
+                    sjsPathCache.add(sjsPath);
+                }
+                catch (error) {
+                    this.emitError(this.generateMessage(error.message, sjsAbsPath));
                 }
-                sjsFiles.push(realPath);
-                return relativePath;
-            });
-            if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
-                throw new packs_1.WebpackError(`[SJS 文件编译错误] ${sjsAbsPath}\n${result.errors.map(i => i.message).join("\n")}`);
             }
-            const moduleName = (0, common_1.getShortPath)(project.miniprogramDir, sjsAbsPath);
-            // 老版本兼容代码
-            sjsModules.push(`"${moduleName}": ${JSON.stringify(result.legacyCode)}`);
-            // 模块化代码
-            sjsModules.push(`".sjs#${moduleName}": function(exports,require,module,${index_1.SJS_HELPER}){${(result.code)};return module;}`);
-            // 处理后的加入缓存
-            sjsPathCache.add(sjsPath);
-        }
-        const source = new packs_1.ConcatSource(`globalThis['${sjsModuleName}'] = {`, `${sjsModules.join(',\n')}`, '}');
-        if (packSetting.enableV1) {
-            // @ts-ignore
-            compilation.assets[`v1/${chunkName}`] = source;
-        }
-        if (packSetting.enableV2) {
-            // @ts-ignore
-            compilation.assets[`v2/${chunkName}`] = source;
+            const source = new packs_1.ConcatSource(`globalThis['${sjsModuleName}'] = {`, `${sjsModules.join(',\n')}`, '}');
+            if (packSetting.enableV1) {
+                compilation.assets[`v1/${chunkName}`] = source;
+            }
+            if (packSetting.enableV2) {
+                compilation.assets[`v2/${chunkName}`] = source;
+            }
         }
     }
-}
-exports.default = SjsEntryPlugin;
+    exports.default = SjsEntryPlugin;
+});