xhs-mp-compiler-cli 1.9.6-beta.0 → 1.9.7-beta.0

package/dist/index.d.ts

@@ -23,7 +23,6 @@ export type ICompilerProps = ({
 interface ICompileBaseConfig {
     compressJs: boolean;
     enableSourcemap: boolean;
-    appendSourcemapComment: boolean;
     enableV2: boolean;
     enableV1: boolean;
     enableVDom: boolean;

package/dist/index.js

@@ -246,14 +246,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
             return __awaiter(this, void 0, void 0, function* () {
                 var _a, _b, _c;
                 try {
-                    const { entryType, compressJs, enableSourcemap, appendSourcemapComment, enableV2, enableV1, enableVDom, mpUploadOptions } = config;
+                    const { entryType, compressJs, enableSourcemap, enableV2, enableV1, enableVDom, mpUploadOptions } = config;
                     this.emit('compile-project-start');
                     (_a = this.logger) === null || _a === void 0 ? void 0 : _a.log('Compile project...');
                     const compilerImpl = this.getComilerImpl(entryType);
                     yield compilerImpl.build({
                         compressJs,
                         enableSourcemap,
-                        appendSourcemapComment,
                         enableV2,
                         enableV1,
                         enableVDom,
@@ -279,7 +278,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         }
         compileAndZip(opts) {
             return new Promise((resolve, reject) => __awaiter(this, void 0, void 0, function* () {
-                var _a;
                 const { can_upload_ext_json, upload_app_id, entryType } = opts;
                 try {
                     const appJsonContent = this.project.appJsonContent;
@@ -291,25 +289,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
                     const { enableV2, enableV1, enableVDom } = yield this.getUsingPackageType(entryType);
                     let compressJs = false;
                     let enableSourcemap = true;
-                    let appendSourcemapComment = true;
-                    if (entryType === constant_config_1.COMPILE_ENTRY.preview) {
+                    if (entryType === constant_config_1.COMPILE_ENTRY.upload || entryType === constant_config_1.COMPILE_ENTRY.preview) {
                         compressJs = true;
+                        enableSourcemap = false;
                     }
-                    else if (entryType === constant_config_1.COMPILE_ENTRY.upload) {
-                        compressJs = true;
-                        enableSourcemap = true;
-                        appendSourcemapComment = false;
-                    }
-                    else {
-                        compressJs = (_a = settings.minified) !== null && _a !== void 0 ? _a : false;
-                        enableSourcemap = true;
-                        appendSourcemapComment = true;
+                    else if (settings.hasOwnProperty('minified')) {
+                        compressJs = settings.minified;
                     }
                     const buildConfig = {
                         entryType,
                         compressJs,
                         enableSourcemap,
-                        appendSourcemapComment,
                         enableV2,
                         enableV1,
                         enableVDom,

package/dist/packs/webpack/index.js

@@ -42,7 +42,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         };
     };
     const formatCompilerConfig = startConfig => {
-        const { projectPath, action, tsConfigPath, platform, extJsonPath, compressJs = false, enableSourcemap = false, appendSourcemapComment = false, mpUploadOptions = false } = startConfig;
+        const { projectPath, action, tsConfigPath, platform, extJsonPath, compressJs = false, enableSourcemap = false, mpUploadOptions = false } = startConfig;
         const { enableV1, enableV2, enableVDom } = handleVersion(startConfig);
         const distDir = startConfig.distDir || path_1.default.join(process.cwd(), 'dist');
         process.env.__platform = platform;
@@ -69,7 +69,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
             cacheDirectory: startConfig.cacheDirectory,
             compressJs,
             enableSourcemap,
-            appendSourcemapComment,
             enableV1,
             enableV2,
             enableVDom,

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

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "path", "./serviceEntryPlugin", "./serviceChunkPlugin", "./resolveLimitPlugin", "../../../plugins/InjectorPlugin", "../../../../utils/cache", "webpack"], factory);
+        define(["require", "exports", "path", "./serviceEntryPlugin", "./serviceChunkPlugin", "./resolveLimitPlugin", "../../../plugins/InjectorPlugin", "../../../../utils/cache"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -19,10 +19,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const resolveLimitPlugin_1 = __importDefault(require("./resolveLimitPlugin"));
     const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
     const cache_1 = require("../../../../utils/cache");
-    const webpack_1 = require("webpack");
     const presetService = (chain, options) => {
         const { packSetting } = options;
-        const { distDir, cacheDirectory, enableSourcemap, appendSourcemapComment } = packSetting;
+        const { distDir, cacheDirectory } = packSetting;
         const absCacheDirectory = path_1.default.join(cacheDirectory, 'service');
         chain.merge(Object.assign(Object.assign({}, (0, cache_1.getCacheConfig)(absCacheDirectory, options)), { output: {
                 path: distDir,
@@ -31,12 +30,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
         chain.plugin('ServiceEntryPlugin').use(serviceEntryPlugin_1.default, [options]);
         chain.plugin('ServiceChunkPlugin').use(serviceChunkPlugin_1.default, [options]);
-        if (enableSourcemap && !appendSourcemapComment) {
-            chain.plugin('SourceMapDevToolPlugin').use(webpack_1.SourceMapDevToolPlugin, [{
-                    filename: '[file].map',
-                    append: false
-                }]);
-        }
         chain.resolve.plugin('ResolveLimitPlugin').use(resolveLimitPlugin_1.default, [options]);
         chain.optimization
             .runtimeChunk({

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

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "../../../../utils/css", "../../../../utils/getSuffixName", "./sjsEntryPlugin", "./render", "./component", "./renderChunkPlugin", "../../../../types", "../../../plugins/InjectorPlugin", "../../../../utils/cache", "path", "webpack"], factory);
+        define(["require", "exports", "../../../../utils/css", "../../../../utils/getSuffixName", "./sjsEntryPlugin", "./render", "./component", "./renderChunkPlugin", "../../../../types", "../../../plugins/InjectorPlugin", "../../../../utils/cache", "path"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -23,7 +23,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
     const cache_1 = require("../../../../utils/cache");
     const path_1 = __importDefault(require("path"));
-    const webpack_1 = require("webpack");
     const getRenderEntry = (options) => () => {
         const entries = Object.assign(Object.assign({}, (0, render_1.getRenderEntry)(options)), (0, component_1.getComponentEntry)(options));
         return entries;
@@ -31,7 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     exports.getRenderEntry = getRenderEntry;
     const presetRender = (chain, options) => {
         const { packSetting } = options;
-        const { enableVDom, env, distDir, cacheDirectory, enableSourcemap, appendSourcemapComment } = packSetting;
+        const { enableVDom, env, distDir, cacheDirectory } = packSetting;
         const mlReg = new RegExp(`.${(0, getSuffixName_1.getMlSuffixName)()}$`);
         const cssReg = new RegExp(`.${(0, getSuffixName_1.getCssSuffixName)()}$`);
         const isProd = env === types_1.ENV.production;
@@ -78,12 +77,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
         chain.plugin('SjsEntryPlugin').use(sjsEntryPlugin_1.default, [options]);
         chain.plugin("RenderChunkPlugin").use(renderChunkPlugin_1.default, [options]);
-        if (enableSourcemap && !appendSourcemapComment) {
-            chain.plugin('SourceMapDevToolPlugin').use(webpack_1.SourceMapDevToolPlugin, [{
-                    filename: '[file].map',
-                    append: false
-                }]);
-        }
     };
     exports.presetRender = presetRender;
 });

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

@@ -51,16 +51,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
      *    - 分包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 packs_1.WebpackError(`[SJS文件编译错误] ${i}.sjs 不存在`);
-        }
-        return (0, common_1.toUnixPath)(suffix ? `${i}.${suffix}` : i);
-    }
     class SjsEntryPlugin {
         constructor(options) {
             this.options = options;
@@ -75,12 +65,32 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         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 = [];
             });
             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);
@@ -130,40 +140,53 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
                 if (sjsPathCache.has(sjsPath)) {
                     continue;
                 }
-                const sjsAbsPath = formatSJSPath(sjsPath);
+                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');
-                const result = xhs_mp_compiler_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)) {
-                        throw new Error(`require(${JSON.stringify(requirePath)})，请检测引入路径是否正确或符合分包规则！`);
-                    }
-                    if (!fs_extra_1.default.existsSync(realPath)) {
-                        throw new Error(`require(${JSON.stringify(requirePath)}) file does not exist`);
+                try {
+                    const result = xhs_mp_compiler_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));
                     }
-                    sjsFiles.push(realPath);
-                    return relativePath;
-                });
-                if ((_a = result.errors) === null || _a === void 0 ? void 0 : _a.length) {
-                    throw new packs_1.WebpackError([
-                        '\n<xhsml!',
-                        `[error:sjs编译错误]： [file:${sjsAbsPath === null || sjsAbsPath === void 0 ? void 0 : sjsAbsPath.trim()}]`,
-                        // swc span 信息不准确
-                        // `${result.errors.map(i => `${i.span.start} ${i.span.end} ${i.message}`).join("\n")}`,
-                        `${result.errors.map(i => i.message).join("\n")}`,
-                        '!xhsml>\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,${xhs_mp_compiler_sjs_loader_1.SJS_HELPER}){`,
+                        `${result.code};`,
+                        `return module;}`
                     ].join('\n'));
+                    // 处理后的加入缓存
+                    sjsPathCache.add(sjsPath);
+                }
+                catch (error) {
+                    this.emitError(this.generateMessage(error.message, 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_compiler_sjs_loader_1.SJS_HELPER}){${(result.code)};return module;}`);
-                // 处理后的加入缓存
-                sjsPathCache.add(sjsPath);
             }
             const source = new packs_1.ConcatSource(`globalThis['${sjsModuleName}'] = {`, `${sjsModules.join(',\n')}`, '}');
             if (packSetting.enableV1) {

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

@@ -7,7 +7,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
         if (v !== undefined) module.exports = v;
     }
     else if (typeof define === "function" && define.amd) {
-        define(["require", "exports", "path", "xhs-mp-pack", "./serviceChunkPlugin", "../../../plugins/InjectorPlugin", "../../../../utils/cache", "webpack"], factory);
+        define(["require", "exports", "path", "xhs-mp-pack", "./serviceChunkPlugin", "../../../plugins/InjectorPlugin", "../../../../utils/cache"], factory);
     }
 })(function (require, exports) {
     "use strict";
@@ -18,7 +18,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     const serviceChunkPlugin_1 = __importDefault(require("./serviceChunkPlugin"));
     const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
     const cache_1 = require("../../../../utils/cache");
-    const webpack_1 = require("webpack");
     const getServiceEntry = options => () => {
         const entries = {};
         const { packSetting } = options;
@@ -53,7 +52,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     };
     const presetService = (chain, options) => {
         const { packSetting } = options;
-        const { env, distDir, cacheDirectory, enableSourcemap, appendSourcemapComment } = packSetting;
+        const { env, distDir, cacheDirectory } = packSetting;
         const absCacheDirectory = path_1.default.join(cacheDirectory, 'service');
         chain.merge(Object.assign({ 
             // target: 'webworker',
@@ -65,12 +64,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
             } }, (0, cache_1.getCacheConfig)(absCacheDirectory, options)));
         chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
         chain.plugin('ServiceChunkPlugin').use(serviceChunkPlugin_1.default, [options]);
-        if (enableSourcemap && !appendSourcemapComment) {
-            chain.plugin('SourceMapDevToolPlugin').use(webpack_1.SourceMapDevToolPlugin, [{
-                    filename: '[file].map',
-                    append: false
-                }]);
-        }
         chain.optimization.runtimeChunk({
             name: 'runtime'
         });

package/dist/types/index.d.ts

@@ -75,8 +75,10 @@ export interface ICompilerConfig {
      * 打包是否包含 js 文件
      */
     noJs?: boolean;
+    /**
+     * dev 模式是否开启 sourcemap，默认开启
+     */
     enableSourcemap?: boolean;
-    appendSourcemapComment?: boolean;
     /**
      * 服务端口
      */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "xhs-mp-compiler-cli",
-  "version": "1.9.6-beta.0",
+  "version": "1.9.7-beta.0",
   "description": "xhs mp command tool.",
   "preferGlobal": true,
   "category": "esm",
@@ -94,13 +94,13 @@
     "webpack-chain": "^6.5.1",
     "webpack-sources": "^3.2.2",
     "xhs-mp-workerpool": "^9.1.3",
-    "xhs-mp-compiler-ml-loader": "3.0.6-beta.0",
-    "xhs-mp-compiler-utils": "1.9.6-beta.0",
-    "xhs-mp-pack": "1.9.6-beta.0",
-    "xhs-mp-project": "1.9.6-beta.0",
-    "xhs-mp-utils": "1.9.6-beta.0",
-    "xhs-mp-shared-fs": "1.4.6-beta.0",
-    "xhs-mp-compiler-sjs-loader": "1.9.6-beta.0",
+    "xhs-mp-compiler-ml-loader": "3.0.7-beta.0",
+    "xhs-mp-compiler-utils": "1.9.6",
+    "xhs-mp-pack": "1.9.7-beta.0",
+    "xhs-mp-project": "1.9.6",
+    "xhs-mp-utils": "1.9.6",
+    "xhs-mp-shared-fs": "1.4.7-beta.0",
+    "xhs-mp-compiler-sjs-loader": "1.9.6",
     "yauzl": "^2.10.0"
   },
   "devDependencies": {