xhs-mp-compiler-cli 1.0.1-beta.0

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

@@ -0,0 +1,46 @@
+"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_RUNTIME_REGISTERED__) {
+            globalThis.__XHS_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/XhsResolveLimitPlugin.d.ts

@@ -0,0 +1,8 @@
+import { Resolver } from 'enhanced-resolve';
+import { CliConfig } from '../../../types';
+declare class XhsResolveLimitPlugin {
+    miniprogramDir: string;
+    constructor(options: CliConfig);
+    apply(resolver: Resolver): void;
+}
+export default XhsResolveLimitPlugin;

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

@@ -0,0 +1,65 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = require("fs-extra");
+const common_1 = require("../../../utils/common");
+class XhsResolveLimitPlugin {
+    constructor(options) {
+        this.miniprogramDir = options.miniprogramDir;
+    }
+    apply(resolver) {
+        resolver
+            .getHook('file')
+            .tapAsync('XhsResolveLimitPlugin', (request, contextResolver, callback) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            // @ts-ignore
+            let issuer = (0, common_1.toUnixPath)(((_a = request.context) === null || _a === void 0 ? void 0 : _a.issuer) || '');
+            let target = (0, common_1.toUnixPath)(request.path || '');
+            if (!issuer ||
+                target.includes('node_modules') ||
+                !issuer.startsWith(this.miniprogramDir) ||
+                !target.startsWith(this.miniprogramDir)) {
+                return callback();
+            }
+            issuer = issuer.replace(`${this.miniprogramDir}/`, '');
+            target = target.replace(new RegExp(this.miniprogramDir, 'g'), '').replace(/^\/+/g, '');
+            const appJSON = yield (0, fs_extra_1.readJson)(`${this.miniprogramDir}/app.json`);
+            appJSON.subPackages = appJSON.subPackages || appJSON.subpackages || [];
+            const subPkgs = appJSON.subPackages.map(pkg => pkg.root);
+            // 当 issuer 是分包
+            const issuerSubPkg = subPkgs.find(pkg => issuer.startsWith(pkg));
+            if (issuerSubPkg) {
+                // 允许 target 和 issuer 在同一个分包
+                if (issuer.startsWith(issuerSubPkg) && target.startsWith(issuerSubPkg)) {
+                    return callback();
+                }
+                // issuer 是分包 target 是主包
+                if (appJSON.pages.some(page => target.startsWith(page))) {
+                    // 当 issuer 是 **独立分包** 时，不能引用主包资源
+                    if (appJSON.subPackages.find(subPkg => subPkg.root === issuerSubPkg).independent) {
+                        return callback(new Error(`${issuer} 在独立分包内，独立分包不可引用主包 ${target} 资源`), request);
+                    }
+                    return callback();
+                }
+                // issuer 是分包，target 是分包
+                if (subPkgs.some(sub => target.startsWith(sub))) {
+                    return callback(new Error(`${issuer} 不能引用 ${target}，因为他们不在同一个分包`), request);
+                }
+            }
+            // issuer 是主包，此时 target 不能在分包
+            if (subPkgs.some(pkg => target.startsWith(pkg))) {
+                return callback(new Error(`${issuer} 在主包内，主包不可引用分包资源 ${target}`), request);
+            }
+            return callback();
+        }));
+    }
+}
+exports.default = XhsResolveLimitPlugin;

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

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

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

@@ -0,0 +1,27 @@
+"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

@@ -0,0 +1,4 @@
+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

@@ -0,0 +1,38 @@
+"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',
+        },
+    });
+    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;

package/package.json

@@ -0,0 +1,124 @@
+{
+  "name": "xhs-mp-compiler-cli",
+  "version": "1.0.1-beta.0",
+  "description": "xhs mp command tool.",
+  "preferGlobal": true,
+  "category": "esm",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "files": [
+    "dist/",
+    "bin/"
+  ],
+  "keywords": [
+    "cli"
+  ],
+  "author": "zyu1 <fuzhu@xiaohongshu.com>",
+  "license": "MIT",
+  "dependencies": {
+    "@babel/core": "^7.12.10",
+    "@babel/generator": "^7.12.10",
+    "@babel/parser": "^7.12.10",
+    "@babel/plugin-transform-runtime": "^7.12.10",
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-typescript": "^7.12.7",
+    "@babel/register": "^7.12.10",
+    "@babel/runtime": "^7.15.4",
+    "@babel/traverse": "^7.12.10",
+    "@babel/types": "^7.12.10",
+    "@swc/core": "^1.3.74",
+    "@swc/helpers": "^0.5.1",
+    "@vue/babel-preset-jsx": "^1.2.4",
+    "xhs-mp-compiler-core-fork": "1.0.1-beta.0",
+    "xhs-mp-compiler-ml-loader": "1.0.1-beta.0",
+    "xhs-mp-compiler-utils": "1.0.1-beta.0",
+    "babel-loader": "^8.2.2",
+    "babel-plugin-istanbul": "^6.0.0",
+    "babel-preset-minify": "^0.4.3",
+    "clean-webpack-plugin": "^3.0.0",
+    "clone": "^2.1.2",
+    "commander": "^8.0.0",
+    "copy-webpack-plugin": "^9.0.1",
+    "core-js": "^3.18.3",
+    "css-loader": "^5.0.2",
+    "css-minimizer-webpack-plugin": "^1.2.0",
+    "cssnano": "4.1.10",
+    "enhanced-resolve": "^5.8.3",
+    "fork-ts-checker-webpack-plugin": "^6.1.0",
+    "friendly-errors-webpack-plugin": "^1.7.0",
+    "fs-extra": "^10.0.0",
+    "glob": "^8.0.1",
+    "htmlparser2": "^7.1.2",
+    "json-to-ast": "^2.1.0",
+    "lodash": "^4.17.21",
+    "mini-css-extract-plugin": "^1.6.2",
+    "module-alias": "^2.2.2",
+    "open": "^7.0.4",
+    "ora": "^5.4.1",
+    "postcss": "^8.2.8",
+    "postcss-import": "^14.0.2",
+    "postcss-loader": "^5.2.0",
+    "postcss-prefix-selector": "^1.10.0",
+    "postcss-preset-env": "^6.7.0",
+    "postcss-pxtorem": "^5.1.1",
+    "querystring": "^0.2.1",
+    "source-map": "^0.6.1",
+    "speed-measure-webpack-plugin": "^1.5.0",
+    "style-loader": "^1.2.1",
+    "swc-loader": "^0.1.15",
+    "tapable": "^2.2.1",
+    "terser-webpack-plugin": "^5.2.4",
+    "typescript": "^5.1.6",
+    "vue": "^3.2.26",
+    "vue-loader": "^16.4.1",
+    "vue-style-loader": "^4.1.2",
+    "webpack": "^5.88.2",
+    "webpack-bundle-analyzer": "^4.4.0",
+    "webpack-chain": "^6.5.1",
+    "webpack-sources": "^3.2.2"
+  },
+  "devDependencies": {
+    "@types/babel__generator": "7.6.3",
+    "@types/babel__traverse": "7.14.1",
+    "@types/fs-extra": "9.0.12",
+    "@types/jest": "26.0.24",
+    "@types/json-to-ast": "2.1.2",
+    "@types/mini-css-extract-plugin": "2.0.1",
+    "@types/postcss-import": "12.0.1",
+    "@types/postcss-preset-env": "6.7.3",
+    "@types/webpack-bundle-analyzer": "4.4.1",
+    "@types/webpack-dev-server": "3.11.5",
+    "@vue/test-utils": "2.0.0-rc.12",
+    "@xhs/eslint-plugin-xhs": "1.0.2",
+    "cpy-cli": "3.1.1",
+    "eslint": "7.27.0",
+    "eslint-config-prettier": "8.1.0",
+    "jest": "27.0.6",
+    "prettier": "~3.0.2",
+    "rimraf": "3.0.2",
+    "ts-jest": "27.0.3",
+    "ts-node": "10.0.0",
+    "typescript": "5.1.6",
+    "vue3-jest": "27.0.0-alpha.2",
+    "webpack-dev-server": "4.0.0-beta.3"
+  },
+  "scripts": {
+    "version": "formula changelog && git add .",
+    "clean": "rimraf ./dist",
+    "copy-files": "cpy '**/*' '!**/*.ts' ../dist/ --cwd=src/ --no-overwrite --parents",
+    "prebuild": "npm run clean",
+    "postbuild": "npm run copy-files",
+    "lint": "eslint . --fix",
+    "build": "npm run prebuild && tsc && npm run postbuild",
+    "dev": "npm run prebuild && tsc --watch && npm run postbuild",
+    "compile": "jest '(/tests/.*\\.spec)\\.ts$'",
+    "unit": "jest '(/tests/.*\\.test)\\.ts$' --collectCoverage=false",
+    "test": "npm run compile && npm run unit",
+    "dev:server": "node ./dist/bin/xhs-mp-cli.js dev -p xhs -l true -d"
+  },
+  "readme": "# 构建工具\n"
+}