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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,31 +0,0 @@
-import { Compilation, Compiler } from 'webpack';
-/**
- * @NOTE 分包中使用 SJS 的规则
- *
- *  - 整包情况下，可以在所有页面中引用整包内的任意SJS模块。
- *  - 分包情况下：
- *    - 主包不能引入分包的 SJS 模块。
- *    - 分包内部可以引用主分包内的SJS模块。
- *    - 分包A 和 分包B 之间不可以互相引用SJS模块。
- *    - 独立分包内的SJS模块只能在独立分包内使用，不能跨分包引用。
- */
-interface IRenderEntryPluginOptions {
-    enableV1?: boolean;
-    enableV2?: boolean;
-    miniprogramDir: string;
-}
-declare class SjsEntryPlugin {
-    enableV1?: boolean;
-    enableV2?: boolean;
-    entriesCache: Map<string, boolean>;
-    mainpkgPaths: string[];
-    subPackagePaths: Map<string, string[]>;
-    miniprogramDir: string;
-    subPackageRoots: string[];
-    constructor(options: IRenderEntryPluginOptions);
-    isFileInMainPkg(filePath: any): boolean;
-    isFileInSubpackage(filePath: any): boolean;
-    apply(compiler: Compiler): void;
-    makeSjsFileContent(compilation: Compilation, chunkName: string, sjsFiles: string[] | undefined, sjsModuleName: string, pkgRoot?: string): void;
-}
-export default SjsEntryPlugin;

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

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

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

@@ -1,62 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
-const RenderEntryPlugin_1 = __importDefault(require("./RenderEntryPlugin"));
-const ComponentEntryPlugin_1 = __importDefault(require("./ComponentEntryPlugin"));
-const css_1 = __importDefault(require("../../lib/css"));
-const types_1 = require("../../../types");
-const getMlSuffixName_1 = __importDefault(require("../../../utils/getMlSuffixName"));
-const getCssSuffixName_1 = __importDefault(require("../../../utils/getCssSuffixName"));
-const SjsEntryPlugin_1 = __importDefault(require("./SjsEntryPlugin"));
-const RenderChunkPlugin_1 = __importDefault(require("./RenderChunkPlugin"));
-const getBaseConfig = (chain, options) => {
-    const { extJsonPath, env, enableV1, enableV2, enableVDom, mpDir, miniprogramDir } = options;
-    const isProd = env === types_1.ENV.production;
-    const mlReg = new RegExp(`.${(0, getMlSuffixName_1.default)()}$`);
-    const cssReg = new RegExp(`.${(0, getCssSuffixName_1.default)()}$`);
-    chain.merge({
-        externals: { vue: 'vue' },
-        output: {
-            path: options.distDir,
-            filename: '[name].render.js',
-            globalObject: 'globalThis',
-            uniqueName: 'MpRender',
-        },
-        module: {
-            rule: {
-                ml: {
-                    test: mlReg,
-                    use: {
-                        'ml-loader': {
-                            loader: require.resolve('xhs-mp-compiler-ml-loader'),
-                            options: {
-                                removeComentNode: isProd,
-                                vdom: enableVDom,
-                            },
-                        },
-                    },
-                },
-                [(0, getCssSuffixName_1.default)()]: {
-                    test: cssReg,
-                    use: (0, css_1.default)(options, [
-                        "mini-style-loader",
-                        'postcss-loader',
-                        'wxss-loader',
-                    ].filter(Boolean)),
-                }
-            },
-        },
-    });
-    chain.plugin('XhsMpJsonPlugin').use(XhsMpJsonPlugin_1.default, [{ mpDir, miniprogramDir, extJsonPath }]);
-    // 组件层
-    chain.plugin('ComponentEntryPlugin').use(ComponentEntryPlugin_1.default, [{ enableV1, enableV2 }]);
-    // 渲染层
-    chain.plugin('XhsMpEntryPlugin').use(RenderEntryPlugin_1.default, [{ enableV1, enableV2 }]);
-    chain.plugin('SjsEntryPlugin').use(SjsEntryPlugin_1.default, [{ miniprogramDir, enableV1, enableV2 }]);
-    // 公共模块
-    chain.plugin("RenderChunkPlugin").use(RenderChunkPlugin_1.default);
-};
-exports.default = getBaseConfig;

package/dist/webpack-config/presets/service/ServiceEntryPlugin.js

@@ -1,36 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
-const common_1 = require("../../../utils/common");
-class ServiceEntryPlugin {
-    constructor() {
-        this.entriesCache = new Map();
-    }
-    apply(compiler) {
-        new webpack_1.library.EnableLibraryPlugin('umd').apply(compiler);
-        const hooks = XhsMpJsonPlugin_1.default.getHooks();
-        hooks.collected.tap('ServiceEntryPlugin', ({ xhsData }) => {
-            const { appJSON } = xhsData;
-            this.makeUmdEntry(compiler, 'v1/service.js', 'service-entry-loader?pkg=main!', 'XHS_SERVICE');
-            for (const { root } of appJSON.subPackages) {
-                this.makeUmdEntry(compiler, (0, common_1.unixJoin)('v1', root, 'service.js'), `service-entry-loader?pkg=sub&root=${root}!`, `XHS_SERVICE_${root}`);
-            }
-        });
-    }
-    makeUmdEntry(compiler, filename, url, libraryName) {
-        if (this.entriesCache.get(filename))
-            return;
-        const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, filename, {
-            import: [url],
-            filename,
-            library: { name: libraryName, type: 'umd', },
-        });
-        new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
-        this.entriesCache.set(filename, true);
-    }
-}
-exports.default = ServiceEntryPlugin;

package/dist/webpack-config/presets/service/XhsMpServiceChunkPlugin.d.ts

@@ -1,6 +0,0 @@
-import { Compiler } from 'webpack';
-declare class XhsMpServiceChunkPlugin {
-    apply(compiler: Compiler): void;
-    updateIndependentService(compiler: any, compilation: any, runtimeCode: any): void;
-}
-export default XhsMpServiceChunkPlugin;

package/dist/webpack-config/presets/service/XhsMpServiceChunkPlugin.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-const webpack_sources_1 = require("webpack-sources");
-const common_1 = require("../../../utils/common");
-class XhsMpServiceChunkPlugin {
-    apply(compiler) {
-        compiler.hooks.compilation.tap('XhsMpServiceChunkPlugin', compilation => {
-            compilation.hooks.processAssets.tap({
-                name: 'XhsMpServiceChunkPlugin',
-                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
-            }, () => {
-                var _a, _b, _c;
-                const serviceSource = (_a = compilation.getAsset('v1/service.js')) === null || _a === void 0 ? void 0 : _a.source;
-                let runtimeCode = (_b = compilation.getAsset('runtime.js')) === null || _b === void 0 ? void 0 : _b.source.source();
-                // 当没有引用相同 js 场景时， commonChunk 将是 undefined
-                const commonSource = ((_c = compilation.getAsset('service-common.js')) === null || _c === void 0 ? void 0 : _c.source) || '';
-                runtimeCode = `
-          if (!globalThis.__XHS_SERVICE_RUNTIME_REGISTERED__) {
-            globalThis.__XHS_SERVICE_RUNTIME_REGISTERED__ = true;
-            ${runtimeCode}
-          }`;
-                // 独立分包加入 runtimeChunk
-                if (serviceSource) {
-                    // @ts-ignore 主包加入 runtimeChunk、commonChunk
-                    compilation.updateAsset('v1/service.js', new webpack_sources_1.ConcatSource(runtimeCode, commonSource, serviceSource));
-                }
-                this.updateIndependentService(compiler, compilation, runtimeCode);
-                compilation.deleteAsset('runtime.js');
-                compilation.deleteAsset('service-common.js');
-            });
-        });
-    }
-    updateIndependentService(compiler, compilation, runtimeCode) {
-        var _a;
-        (_a = compiler.xhsData.appJSON.subPackages) === null || _a === void 0 ? void 0 : _a.filter(sub => sub.independent).map(sub => (0, common_1.unixJoin)('v1', 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)) {
-                // @ts-ignore
-                compilation.updateAsset(servicePath, new webpack_sources_1.ConcatSource(runtimeCode, independentServiceSource));
-            }
-        });
-    }
-}
-exports.default = XhsMpServiceChunkPlugin;

package/dist/webpack-config/presets/service/XhsV2AssetsPlugin.d.ts

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

package/dist/webpack-config/presets/service/XhsV2AssetsPlugin.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_1 = require("webpack");
-class XhsV2AssetsPlugin {
-    apply(compiler) {
-        compiler.hooks.compilation.tap(XhsV2AssetsPlugin.name, compilation => {
-            // @ts-ignore
-            compilation.hooks.processAssets.tap({
-                name: XhsV2AssetsPlugin.name,
-                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_COMPATIBILITY, // see below for more stages
-            }, (assets) => {
-                // @ts-ignore
-                const { appJSON } = compiler.xhsData;
-                // eslint-disable-next-line no-unneeded-ternary
-                if (assets['v1/service.js']) {
-                    assets['v2/service.js'] = assets['v1/service.js'];
-                }
-                for (const { root } of appJSON.subPackages) {
-                    if (assets[`v1/${root}/service.js`]) {
-                        assets[`v2/${root}/service.js`] = assets[`v1/${root}/service.js`];
-                    }
-                }
-            });
-        });
-    }
-}
-exports.default = XhsV2AssetsPlugin;

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

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

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

@@ -1,39 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const XhsMpJsonPlugin_1 = __importDefault(require("../../plugins/XhsMpJsonPlugin"));
-const ServiceEntryPlugin_1 = __importDefault(require("./ServiceEntryPlugin"));
-const XhsMpServiceChunkPlugin_1 = __importDefault(require("./XhsMpServiceChunkPlugin"));
-const XhsV2AssetsPlugin_1 = __importDefault(require("./XhsV2AssetsPlugin"));
-const presetService = (chain, options) => {
-    const { extJsonPath, enableV2 } = options;
-    chain.merge({
-        output: {
-            path: options.distDir,
-            globalObject: 'globalThis',
-            uniqueName: 'MpService',
-        },
-    });
-    chain.plugin('ServiceEntryPlugin').use(ServiceEntryPlugin_1.default);
-    chain
-        .plugin('XhsMpJsonPlugin')
-        .use(XhsMpJsonPlugin_1.default, [
-        { mpDir: options.mpDir, miniprogramDir: options.miniprogramDir, extJsonPath },
-    ]);
-    chain.plugin('XhsMpServiceChunkPlugin').use(XhsMpServiceChunkPlugin_1.default);
-    if (enableV2) {
-        chain.plugin('XhsMpVersionStage2AssetsPlugin').use(XhsV2AssetsPlugin_1.default);
-    }
-    chain.optimization
-        .runtimeChunk({
-        name: 'runtime',
-    })
-        .splitChunks({
-        chunks: chunk => !chunk.name.startsWith('v0/'),
-        minSize: 0,
-        name: 'service-common',
-    });
-};
-exports.default = presetService;