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

package/dist/presets/index.js

@@ -0,0 +1,95 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createConfigs = void 0;
+const xhs_mp_pack_1 = require("xhs-mp-pack");
+const path_1 = __importDefault(require("path"));
+const common_1 = __importDefault(require("./common"));
+const babel_1 = __importDefault(require("./babel"));
+const prod_1 = __importDefault(require("./prod"));
+const assets_1 = require("./configs/miniprogram/assets");
+const service_1 = require("./configs/miniprogram/service");
+const render_1 = require("./configs/miniprogram/render");
+const assets_2 = require("./configs/minigame/assets");
+const service_2 = require("./configs/miniprogram/service");
+/**
+ * 小程序编译配置
+ */
+const createMPConfigs = (options) => {
+    const { packSetting } = options;
+    const { env } = packSetting;
+    const assetsChain = new xhs_mp_pack_1.Config();
+    const serviceChain = new xhs_mp_pack_1.Config();
+    const renderChain = new xhs_mp_pack_1.Config();
+    const assetsPresets = [assets_1.presetAssets, common_1.default];
+    const servicePresets = [service_1.presetService, common_1.default, babel_1.default];
+    const renderPresets = [render_1.presetRender, common_1.default, babel_1.default];
+    if (env === xhs_mp_pack_1.ENV.production) {
+        assetsPresets.push(prod_1.default);
+        servicePresets.push(prod_1.default);
+        renderPresets.push(prod_1.default);
+    }
+    assetsPresets.forEach(preset => preset(assetsChain, Object.assign(Object.assign({}, options), { otherSetting: { noJs: true } })));
+    servicePresets.forEach(preset => preset(serviceChain, options));
+    renderPresets.forEach(preset => preset(renderChain, options));
+    const assetsConfig = assetsChain.toConfig();
+    const serviceConfig = serviceChain.toConfig();
+    const renderConfig = renderChain.toConfig();
+    assetsConfig.entry = (0, assets_1.getAssetsEntry)(options);
+    serviceConfig.entry = (0, service_1.getServiceEntry)(options);
+    renderConfig.entry = (0, render_1.getRenderEntry)(options);
+    let configs = [renderConfig, serviceConfig, assetsConfig];
+    configs = configs.map(options => {
+        var _a, _b, _c, _d;
+        // 查找ide根目录下的node_modules
+        (_b = (_a = options.resolve) === null || _a === void 0 ? void 0 : _a.modules) === null || _b === void 0 ? void 0 : _b.push(path_1.default.resolve(__dirname, '../../../../../'));
+        // cli的node_modules路径
+        (_d = (_c = options.resolve) === null || _c === void 0 ? void 0 : _c.modules) === null || _d === void 0 ? void 0 : _d.push(path_1.default.resolve(__dirname, '../../../../'));
+        return options;
+    });
+    return configs;
+};
+/**
+ * 小游戏编译配置
+ */
+const createMGConfigs = (options) => {
+    const { packSetting } = options;
+    const { env } = packSetting;
+    const assetsChain = new xhs_mp_pack_1.Config();
+    const serviceChain = new xhs_mp_pack_1.Config();
+    const assetsPresets = [assets_2.presetAssets, common_1.default];
+    const servicePresets = [service_2.presetService, common_1.default, babel_1.default];
+    if (env === xhs_mp_pack_1.ENV.production) {
+        assetsPresets.push(prod_1.default);
+        servicePresets.push(prod_1.default);
+    }
+    assetsPresets.forEach(preset => preset(assetsChain, Object.assign(Object.assign({}, options), { otherSetting: { noJs: true } })));
+    servicePresets.forEach(preset => preset(serviceChain, options));
+    const assetsConfig = assetsChain.toConfig();
+    const serviceConfig = serviceChain.toConfig();
+    assetsConfig.entry = {};
+    serviceConfig.entry = {};
+    let configs = [serviceConfig, assetsConfig];
+    configs = configs.map(options => {
+        var _a, _b, _c, _d;
+        // 查找ide根目录下的node_modules
+        (_b = (_a = options.resolve) === null || _a === void 0 ? void 0 : _a.modules) === null || _b === void 0 ? void 0 : _b.push(path_1.default.resolve(__dirname, '../../../../../'));
+        // cli的node_modules路径
+        (_d = (_c = options.resolve) === null || _c === void 0 ? void 0 : _c.modules) === null || _d === void 0 ? void 0 : _d.push(path_1.default.resolve(__dirname, '../../../../'));
+        return options;
+    });
+    return configs;
+};
+// 获取编译配置
+const createConfigs = (options) => {
+    const { project } = options;
+    if (project.appMode === 'miniprogram') {
+        return createMPConfigs(options);
+    }
+    else {
+        return createMGConfigs(options);
+    }
+};
+exports.createConfigs = createConfigs;

package/dist/presets/loaders/mg-entry-loader.js

@@ -0,0 +1,27 @@
+"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 common_1 = require("../../utils/common");
+const xhs_mp_project_1 = require("xhs-mp-project");
+function entryLoader() {
+    // @ts-ignore
+    const { appJSON, projectPath } = this._compiler.project;
+    const { entry } = this.getOptions();
+    const addAppJs = () => {
+        const absolutePath = (0, common_1.unixJoin)(projectPath, entry);
+        if (fs_extra_1.default.existsSync(`${absolutePath}.js`)) {
+            return `require('${absolutePath}.js')`;
+        }
+        if (fs_extra_1.default.existsSync(`${absolutePath}.ts`)) {
+            return `require('${absolutePath}.ts')`;
+        }
+        throw new Error(`${absolutePath}.(js|ts) 不存在`);
+    };
+    return `
+  ;globalThis['__MP_APP_JSON__'] = ${JSON.stringify(xhs_mp_project_1.utils.pureAppJSON(appJSON))};
+  ${addAppJs()}`;
+}
+module.exports = entryLoader;

package/dist/{webpack-config → presets}/loaders/mini-style-loader.js

@@ -12,17 +12,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_sources_1 = require("webpack-sources");
+const packs_1 = require("../../packs");
 const cssnano_1 = __importDefault(require("cssnano"));
 const common_1 = require("../../utils/common");
 const CSS_MINIMIZER_OPTIONS = {
-    preset: ['default', { normalizeUrl: false, calc: false }],
+    preset: ['default', { normalizeUrl: false, calc: false }]
 };
 const minify = (source, name) => __awaiter(void 0, void 0, void 0, function* () {
     var _a, _b;
     const postcssOptions = {
         to: name,
-        from: name,
+        from: name
     };
     try {
         const result = yield cssnano_1.default.process(source, postcssOptions, CSS_MINIMIZER_OPTIONS);
@@ -33,7 +33,7 @@ const minify = (source, name) => __awaiter(void 0, void 0, void 0, function* ()
     }
     catch (error) {
         return {
-            code: source,
+            code: source
         };
     }
 });
@@ -41,17 +41,19 @@ function miniStyleLoader(source) {
     var _a;
     const callback = this.async();
     const { resourcePath } = this;
-    const { miniprogramDir, enableVDom, enableV1, enableV2, independent } = this.getOptions();
-    const shortPath = (0, common_1.getShortPath)(miniprogramDir, resourcePath).replace(/\.wxss$/, ".css");
+    // const {miniprogramDir, enableVDom, enableV1, enableV2, independent} = this.getOptions() as any
+    const { project, packSetting, independent } = this.getOptions();
+    const { miniprogramDir } = project;
+    const { enableVDom, enableV1, enableV2 } = packSetting;
+    const shortPath = (0, common_1.getShortPath)(miniprogramDir, resourcePath).replace(/\.wxss$/, '.css');
     source = (_a = source === null || source === void 0 ? void 0 : source.trim) === null || _a === void 0 ? void 0 : _a.call(source);
     function result(code) {
         if (!code) {
             return `export default void 0;`;
         }
         // 判断浏览器环境，注入css添加逻辑
-        return new webpack_sources_1.RawSource(`globalThis.__XHS_IS_WEBVIEW && globalThis.__XHS_APPEND_CSS(${JSON.stringify(code)});`
-            +
-                `export default ${JSON.stringify(shortPath)};`).source();
+        return new packs_1.RawSource(`globalThis.__XHS_IS_WEBVIEW && globalThis.__XHS_APPEND_CSS(${JSON.stringify(code)});` +
+            `export default ${JSON.stringify(shortPath)};`).source();
     }
     // 压缩css
     minify(source, shortPath)
@@ -62,7 +64,8 @@ function miniStyleLoader(source) {
             enableV2 && this.emitFile(`v2/${shortPath}`, code);
         }
         callback(null, result(code));
-    }).catch(error => {
+    })
+        .catch(error => {
         callback(error);
     });
 }

package/dist/presets/loaders/mp-entry-loader.js

@@ -0,0 +1,196 @@
+"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);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = __importStar(require("fs-extra"));
+const path_1 = __importStar(require("path"));
+const xhs_mp_pack_1 = require("xhs-mp-pack");
+const loader_utils_1 = require("../../utils/loader-utils");
+const getSuffixName_1 = require("../../utils/getSuffixName");
+function genComponentLoaderScript(project, context, opts) {
+    const { pkg, root, mode, compPath } = opts;
+    const { projectMiniprogramPath, jsonDependencies = [] } = project;
+    const componentsMap = project.getComponentsMap();
+    const entries = [];
+    for (const file of jsonDependencies) {
+        context.addDependency(file);
+    }
+    let name = 'XHS_COMPONENTS';
+    if (pkg === xhs_mp_pack_1.CONSTANTS.SUB_PKG) {
+        name = `XHS_COMPONENTS_${root}`;
+    }
+    // v2
+    if (mode === 'v2') {
+        return `
+      ;(globalThis['${name}'] || (globalThis['${name}'] = { default: {} }))
+      ;globalThis['${name}'].default['${compPath}'] = () => require('${(0, loader_utils_1.formatPath)(path_1.default.join(projectMiniprogramPath, `${compPath}.${(0, getSuffixName_1.getMlSuffixName)()}`))}')
+      `;
+    }
+    // v1和v0
+    Object.keys(componentsMap).forEach(compPath => {
+        const push = () => entries.push(`;globalThis['${name}'].default['${compPath}'] = () => require('${(0, loader_utils_1.formatPath)(path_1.default.join(projectMiniprogramPath, `${compPath}.${(0, getSuffixName_1.getMlSuffixName)()}`))}')`);
+        if (pkg === xhs_mp_pack_1.CONSTANTS.FULL_PKG) {
+            push();
+        }
+        if (pkg === xhs_mp_pack_1.CONSTANTS.MAIN_PKG && project.isFileInMainPkg(compPath)) {
+            push();
+        }
+        if (pkg === xhs_mp_pack_1.CONSTANTS.SUB_PKG && compPath.startsWith(`${root}/`)) {
+            push();
+        }
+    });
+    return `
+  ;(globalThis['${name}'] || (globalThis['${name}'] = { default: {} }))
+  ;${entries.join('\n  ')}
+  `;
+}
+const genRenderLoaderScript = (project, context, opts) => {
+    const { projectMiniprogramPath, appJSON, jsonDependencies } = project;
+    const { pkg, mode } = opts;
+    const isFull = pkg === 'full';
+    for (const file of jsonDependencies) {
+        context.addDependency(file);
+    }
+    const appCssPath = (0, path_1.resolve)(projectMiniprogramPath, 'app.css');
+    const appCssExist = (0, fs_extra_1.existsSync)(appCssPath);
+    const resourcePath = (0, loader_utils_1.formatPath)(context.resourcePath);
+    const path = (0, loader_utils_1.formatPath)(resourcePath.replace(`${projectMiniprogramPath}/`, '').replace(`.${(0, getSuffixName_1.getMlSuffixName)()}`, ''));
+    const subPackage = (appJSON.subPackages || []).find(subPack => !!subPack.pages.find(page => page.path === path));
+    const enableLazyCodeLoading = mode === 'v2';
+    // 资源文件
+    const resources = (0, loader_utils_1.getResourceUris)({
+        appCssExist,
+        subPackage,
+        enableLazyCodeLoading
+    });
+    // 开启了按需注入，注入依赖组件
+    if (enableLazyCodeLoading) {
+        const isIndependent = (subPackage === null || subPackage === void 0 ? void 0 : subPackage.independent) || false;
+        const dependsTree = project.getPageDependComponentPaths(path, isIndependent);
+        const subPackagesPrefix = (appJSON.subPackages || []).map(sub => sub.root);
+        const depends = [];
+        for (let i = 0; i < dependsTree.length; i++) {
+            let uri = dependsTree[i];
+            const subRoot = subPackagesPrefix.find(subRoot => uri.startsWith(`${subRoot}/`));
+            if (subRoot) {
+                uri = `${subRoot}/${uri}`;
+            }
+            depends.push(uri);
+        }
+        return `
+      import Component from '${resourcePath}';
+      globalThis.__render.mount(Component, '${path}', ${JSON.stringify(resources)}, ${JSON.stringify(depends)})
+    `;
+    }
+    return `
+    import Component from '${resourcePath}';
+    globalThis.__render.mount(Component, '${path}', ${JSON.stringify(resources)})
+  `;
+};
+function genServiceLoderScript(project, context, opts) {
+    const { appJSON, legacyAppJSON, projectMiniprogramPath, jsonDependencies } = project;
+    const { pkg, root } = opts;
+    const modules = [];
+    let name = 'XHS_SERVICE';
+    if (pkg === xhs_mp_pack_1.CONSTANTS.SUB_PKG) {
+        name = `XHS_SERVICE_${root}`;
+    }
+    for (const file of jsonDependencies) {
+        context.addDependency(file);
+    }
+    const addAppJs = () => {
+        if (fs_extra_1.default.existsSync(`${projectMiniprogramPath}/app.js`) ||
+            fs_extra_1.default.existsSync(`${projectMiniprogramPath}/app.ts`)) {
+            modules.unshift(`;globalThis['${name}'].default['app'] = require('${(0, loader_utils_1.formatPath)(`${projectMiniprogramPath}/app`)}')`);
+        }
+    };
+    if (pkg === xhs_mp_pack_1.CONSTANTS.FULL_PKG) {
+        addAppJs();
+        for (const page of legacyAppJSON.pages) {
+            const resourcePath = (0, loader_utils_1.formatPath)(`${projectMiniprogramPath}/${page.path}`);
+            modules.push(`;globalThis['${name}'].default['${page.path}'] =  () => require('${resourcePath}')`);
+        }
+    }
+    else {
+        if (pkg === xhs_mp_pack_1.CONSTANTS.MAIN_PKG) {
+            addAppJs();
+        }
+        for (const page of legacyAppJSON.pages) {
+            const resourcePath = (0, loader_utils_1.formatPath)(`${projectMiniprogramPath}/${page.path}`);
+            const content = `;globalThis['${name}'].default['${page.path}'] = () => require('${resourcePath}')`;
+            if (pkg === xhs_mp_pack_1.CONSTANTS.MAIN_PKG) {
+                const subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
+                if (subPackageRoots.every(root => !page.path.startsWith(`${root}/`))) {
+                    modules.push(content);
+                }
+            }
+            if (pkg === xhs_mp_pack_1.CONSTANTS.SUB_PKG) {
+                if (page.path.startsWith(`${root}/`)) {
+                    modules.push(content);
+                }
+            }
+        }
+    }
+    Object.keys(appJSON.componentsMap).forEach(compPath => {
+        const resourcePath = (0, loader_utils_1.formatPath)(`${projectMiniprogramPath}/${compPath}`);
+        const content = `;globalThis['${name}'].default['${compPath}'] = () => require('${resourcePath}')`;
+        if (pkg === xhs_mp_pack_1.CONSTANTS.FULL_PKG) {
+            modules.push(content);
+        }
+        if (pkg === xhs_mp_pack_1.CONSTANTS.MAIN_PKG) {
+            const subPackageRoots = appJSON.subPackages.map(pkg => pkg.root);
+            if (subPackageRoots.every(root => !compPath.startsWith(`${root}/`))) {
+                modules.push(content);
+            }
+        }
+        if (pkg === xhs_mp_pack_1.CONSTANTS.SUB_PKG) {
+            if (compPath.startsWith(`${root}/`)) {
+                modules.push(content);
+            }
+        }
+    });
+    const runtimeJSON = pkg === xhs_mp_pack_1.CONSTANTS.FULL_PKG ? legacyAppJSON : appJSON;
+    return `;globalThis['__MP_APP_JSON__'] = ${JSON.stringify(runtimeJSON)};
+  ;(globalThis['${name}'] || (globalThis['${name}'] = { default: {} }))
+  ${modules.join('\n  ')}
+`;
+}
+function entryLoader() {
+    // @ts-ignore
+    const options = this.getOptions();
+    const { type } = options;
+    // @ts-ignore
+    const handelrs = {
+        render: genRenderLoaderScript,
+        component: genComponentLoaderScript,
+        service: genServiceLoderScript
+    };
+    const handler = handelrs[type];
+    if (!handler) {
+        throw new Error(`not found loader handler of ${type}`);
+    }
+    // @ts-ignore
+    return handler(this._compiler.project, this, options);
+}
+module.exports = entryLoader;

package/dist/{webpack-config → presets}/loaders/sjs-loader/index.js

@@ -28,7 +28,6 @@ function sjsCompiler(code, onRequire) {
         errors.push({ message, span: Object.assign({}, span) });
     }
     function handlePattern(pattern) {
-        // console.log(pattern.type, pattern)
         switch (pattern.type) {
             case "RestElement":
                 // function f(...a) {}
@@ -604,6 +603,3 @@ function sjsCompiler(code, onRequire) {
     };
 }
 exports.default = sjsCompiler;
-// console.time('sjs',111)
-// const data = sjsCompiler(code, (s) => s)
-// console.timeEnd('sjs')

package/dist/{webpack-config → presets}/loaders/wxss-loader.js

@@ -16,8 +16,8 @@ const postcss_1 = __importDefault(require("postcss"));
 const postcss_import_1 = __importDefault(require("postcss-import"));
 const postcss_prefix_selector_1 = __importDefault(require("postcss-prefix-selector"));
 const CssSyntaxError_1 = __importDefault(require("css-loader/dist/CssSyntaxError"));
-const tagTransformMap_1 = __importDefault(require("../lib/tagTransformMap"));
-const getCssSuffixName_1 = __importDefault(require("../../utils/getCssSuffixName"));
+const tagTransformMap_1 = __importDefault(require("../../utils/tagTransformMap"));
+const getSuffixName_1 = require("../../utils/getSuffixName");
 const common_1 = require("../../utils/common");
 const tags = Object.keys(tagTransformMap_1.default).join('|');
 const labelStr = `(^|\\s)(${tags}|page|audio|live-player|map|cover-view|cover-image|video)`;
@@ -26,17 +26,18 @@ function wxssLoader(source) {
     return __awaiter(this, void 0, void 0, function* () {
         var _a, _b, _c, _d, _e;
         const done = this.async();
-        this._compiler.xhsData = this._compiler.xhsData || {};
-        const { appJSON = {}, miniprogramDir = '' } = this._compiler.xhsData;
-        const shortPath = (0, common_1.getShortPath)(miniprogramDir, this.resourcePath).replace(new RegExp(`\\.${(0, getCssSuffixName_1.default)()}$`), '');
+        const { project } = this._compiler;
+        const { appJSON = {}, miniprogramDir = '' } = project || {};
+        const shortPath = (0, common_1.getShortPath)(miniprogramDir, this.resourcePath).replace(new RegExp(`\\.${(0, getSuffixName_1.getCssSuffixName)()}$`), '');
         const index = (_c = (_b = (_a = appJSON === null || appJSON === void 0 ? void 0 : appJSON.componentsMap) === null || _a === void 0 ? void 0 : _a[shortPath]) === null || _b === void 0 ? void 0 : _b.index) !== null && _c !== void 0 ? _c : null;
         const styleIsolation = (_e = (_d = appJSON === null || appJSON === void 0 ? void 0 : appJSON.componentsMap) === null || _d === void 0 ? void 0 : _d[shortPath]) === null || _e === void 0 ? void 0 : _e.styleIsolation;
         const selectorIndex = styleIsolation === 'shared' ? 0 : index || 0;
         // js / json 的配置会影响样式
-        const extReg = new RegExp(`${(0, getCssSuffixName_1.default)()}$`);
+        const extReg = new RegExp(`${(0, getSuffixName_1.getCssSuffixName)()}$`);
         this.addDependency(this.resourcePath.replace(extReg, 'js'));
         this.addDependency(this.resourcePath.replace(extReg, 'json'));
         (0, postcss_1.default)()
+            // @ts-ignore
             .use((0, postcss_import_1.default)({ root: miniprogramDir }))
             .use((0, postcss_prefix_selector_1.default)({
             prefix: 'xhs',

package/dist/presets/plugins/InjectorPlugin.d.ts

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

package/dist/presets/plugins/InjectorPlugin.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InjectorPlugin = void 0;
+class InjectorPlugin {
+    constructor(options) {
+        this.options = options;
+    }
+    apply(compiler) {
+        const { project, packSetting } = this.options;
+        compiler.project = project;
+        compiler.packSetting = packSetting;
+    }
+}
+exports.InjectorPlugin = InjectorPlugin;

package/dist/presets/prod.d.ts

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

package/dist/presets/prod.js

@@ -0,0 +1,80 @@
+"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("../utils/const"));
+// import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer'
+const getProdConfig = (chain, options) => {
+    const { project, packSetting, otherSetting = {} } = options;
+    const { compressJs } = packSetting;
+    chain.mode('production');
+    if (!otherSetting.noJs) {
+        // 生产环境使用 babel-loader
+        if (project.appMode === 'miniprogram') {
+            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(!!compressJs);
+};
+exports.default = getProdConfig;

package/dist/types/index.d.ts

@@ -1,3 +1,5 @@
+import type { MPPackSetting } from "xhs-mp-pack";
+import type { Project } from "xhs-mp-project";
 export declare enum ENV {
     development = 0,
     production = 1
@@ -44,16 +46,17 @@ export interface AppJSON {
         [key: string]: string | boolean;
     };
 }
-export interface CliConfig {
+export interface ICompilerConfig {
     /**
      * 小程序入口目录
      */
-    mpDir: string;
+    projectPath: string;
     miniprogramDir: string;
     /**
      * 构建产物目录
      */
     distDir?: string;
+    action: "dev" | "build";
     watch?: boolean;
     env: ENV;
     tsConfigPath?: string;
@@ -82,12 +85,17 @@ export interface CliConfig {
     enableV2?: boolean;
     enableVDom?: boolean;
 }
-type CliPick = 'mpDir' | 'distDir' | 'watch' | 'tsConfigPath' | 'extJsonPath' | 'cacheDirectory' | 'compressJs' | 'enableSourcemap' | 'enableV1' | 'enableV2' | 'enableVDom';
-export interface IStart extends Pick<CliConfig, CliPick> {
+type CliPick = 'projectPath' | 'distDir' | 'watch' | 'tsConfigPath' | 'extJsonPath' | 'cacheDirectory' | 'compressJs' | 'enableSourcemap' | 'enableV1' | 'enableV2' | 'enableVDom';
+export interface IStart extends Pick<ICompilerConfig, CliPick> {
+    packMode?: 'webpack' | 'mp-pack';
     /**
      * 调用的能力，dev 还是 build
      */
     action: 'dev' | 'build';
+    /**
+     * 是否启动dev-server
+     */
+    enableDevServer?: boolean;
     /**
      * 每次构建完毕的回调函数
      */
@@ -100,7 +108,11 @@ export interface IStart extends Pick<CliConfig, CliPick> {
     /**
      * 服务端口
      */
-    port?: number;
+    devServerPort?: number;
 }
-export type WebpackPresetOptions = CliConfig;
+export type IPresetOptions = {
+    project: Project;
+    packSetting: MPPackSetting;
+    otherSetting?: any;
+};
 export {};

package/dist/utils/common.d.ts

@@ -1,7 +1,8 @@
-export declare const getTsConfigPath: (mpDir: string) => string | undefined;
+export declare const getTsConfigPath: (projectPath: string) => string | undefined;
 export declare const isString: (val: unknown) => val is string;
 export declare const toUnixPath: (pathStr?: string) => string;
 export declare const unixJoin: (...paths: string[]) => string;
 export declare const unixResolve: (...paths: string[]) => string;
 export declare const getShortPath: (miniprogramDir: string, rootContext: string) => string;
 export declare const md5: (str: string) => string;
+export declare const DEFAULT_ENTRY = "game";

package/dist/utils/common.js

@@ -3,14 +3,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.md5 = exports.getShortPath = exports.unixResolve = exports.unixJoin = exports.toUnixPath = exports.isString = exports.getTsConfigPath = void 0;
+exports.DEFAULT_ENTRY = exports.md5 = exports.getShortPath = exports.unixResolve = exports.unixJoin = exports.toUnixPath = exports.isString = exports.getTsConfigPath = void 0;
 const fs_extra_1 = __importDefault(require("fs-extra"));
 const path_1 = __importDefault(require("path"));
 const crypto_1 = __importDefault(require("crypto"));
-const getMlSuffixName_1 = __importDefault(require("./getMlSuffixName"));
-const getTsConfigPath = (mpDir) => {
-    if (fs_extra_1.default.existsSync(`${mpDir}/tsconfig.json`)) {
-        return `${mpDir}/tsconfig.json`;
+const getSuffixName_1 = require("./getSuffixName");
+const getTsConfigPath = (projectPath) => {
+    if (fs_extra_1.default.existsSync(`${projectPath}/tsconfig.json`)) {
+        return `${projectPath}/tsconfig.json`;
     }
     return undefined;
 };
@@ -24,7 +24,7 @@ exports.unixJoin = unixJoin;
 const unixResolve = (...paths) => (0, exports.toUnixPath)(path_1.default.resolve(...paths));
 exports.unixResolve = unixResolve;
 const getShortPath = (miniprogramDir, rootContext) => {
-    const suffix = (0, getMlSuffixName_1.default)();
+    const suffix = (0, getSuffixName_1.getMlSuffixName)();
     miniprogramDir = (0, exports.toUnixPath)(miniprogramDir);
     miniprogramDir = miniprogramDir.endsWith('/') ? miniprogramDir : `${miniprogramDir}/`;
     const reg = new RegExp(`.${suffix}$`, 'g');
@@ -33,3 +33,4 @@ const getShortPath = (miniprogramDir, rootContext) => {
 exports.getShortPath = getShortPath;
 const md5 = (str) => crypto_1.default.createHash('md5').update(str).digest('hex');
 exports.md5 = md5;
+exports.DEFAULT_ENTRY = "game";