xhs-mp-compiler-cli 1.1.3 → 1.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bin/xhs-mp-cli-build.d.ts +2 -0
- package/dist/bin/xhs-mp-cli-build.js +40 -0
- package/dist/bin/xhs-mp-cli-dev.d.ts +2 -0
- package/dist/bin/xhs-mp-cli-dev.js +59 -0
- package/dist/bin/xhs-mp-cli.d.ts +2 -0
- package/dist/bin/xhs-mp-cli.js +16 -0
- package/dist/compiler.d.ts +76 -0
- package/dist/compiler.js +361 -0
- package/dist/compilerCP.d.ts +1 -0
- package/dist/compilerCP.js +175 -0
- package/dist/config/constant.config.d.ts +27 -0
- package/dist/config/constant.config.js +30 -0
- package/dist/config/dir.config.d.ts +3 -0
- package/dist/config/dir.config.js +16 -0
- package/dist/index.d.ts +84 -0
- package/dist/index.js +454 -0
- package/dist/packs/index.d.ts +14 -0
- package/dist/packs/index.js +31 -0
- package/dist/packs/mp-pack/index.d.ts +3 -0
- package/dist/packs/mp-pack/index.js +32 -0
- package/dist/packs/webpack/dev-server/index.d.ts +3 -0
- package/dist/packs/webpack/dev-server/index.js +64 -0
- package/dist/packs/webpack/dev-server/lib/ensurePort.d.ts +2 -0
- package/dist/packs/webpack/dev-server/lib/ensurePort.js +32 -0
- package/dist/packs/webpack/dev-server/lib/openBrowser.d.ts +2 -0
- package/dist/packs/webpack/dev-server/lib/openBrowser.js +23 -0
- package/dist/packs/webpack/dev-server/lib/openChrome.applescript +78 -0
- package/dist/packs/webpack/index.d.ts +3 -0
- package/dist/packs/webpack/index.js +92 -0
- package/dist/packs/webpack/webpack.d.ts +21 -0
- package/dist/packs/webpack/webpack.js +79 -0
- package/dist/presets/babel.d.ts +8 -0
- package/dist/presets/babel.js +59 -0
- package/dist/presets/common.d.ts +4 -0
- package/dist/presets/common.js +48 -0
- package/dist/presets/configs/minigame/assets/assetsEntryPlugin.d.ts +10 -0
- package/dist/presets/configs/minigame/assets/assetsEntryPlugin.js +46 -0
- package/dist/presets/configs/minigame/assets/index.d.ts +3 -0
- package/dist/presets/configs/minigame/assets/index.js +65 -0
- package/dist/presets/configs/minigame/service/index.d.ts +3 -0
- package/dist/presets/configs/minigame/service/index.js +34 -0
- package/dist/presets/configs/minigame/service/resolveLimitPlugin.d.ts +8 -0
- package/dist/presets/configs/minigame/service/resolveLimitPlugin.js +35 -0
- package/dist/presets/configs/minigame/service/serviceChunkPlugin.d.ts +9 -0
- package/dist/presets/configs/minigame/service/serviceChunkPlugin.js +69 -0
- package/dist/presets/configs/minigame/service/serviceEntryPlugin.d.ts +10 -0
- package/dist/presets/configs/minigame/service/serviceEntryPlugin.js +32 -0
- package/dist/presets/configs/miniprogram/assets/assetsEntryPlugin.d.ts +12 -0
- package/dist/presets/configs/miniprogram/assets/assetsEntryPlugin.js +132 -0
- package/dist/presets/configs/miniprogram/assets/index.d.ts +4 -0
- package/dist/presets/configs/miniprogram/assets/index.js +47 -0
- package/dist/presets/configs/miniprogram/render/component.d.ts +3 -0
- package/dist/presets/configs/miniprogram/render/component.js +47 -0
- package/dist/presets/configs/miniprogram/render/index.d.ts +5 -0
- package/dist/presets/configs/miniprogram/render/index.js +71 -0
- package/dist/presets/configs/miniprogram/render/render.d.ts +3 -0
- package/dist/presets/configs/miniprogram/render/render.js +49 -0
- package/dist/presets/configs/miniprogram/render/renderChunkPlugin.d.ts +8 -0
- package/dist/presets/configs/miniprogram/render/renderChunkPlugin.js +55 -0
- package/dist/presets/configs/miniprogram/render/sjsEntryPlugin.d.ts +15 -0
- package/dist/presets/configs/miniprogram/render/sjsEntryPlugin.js +163 -0
- package/dist/presets/configs/miniprogram/service/index.d.ts +5 -0
- package/dist/presets/configs/miniprogram/service/index.js +72 -0
- package/dist/presets/configs/miniprogram/service/resolveLimitPlugin.d.ts +8 -0
- package/dist/presets/configs/miniprogram/service/resolveLimitPlugin.js +66 -0
- package/dist/presets/configs/miniprogram/service/serviceChunkPlugin.d.ts +9 -0
- package/dist/presets/configs/miniprogram/service/serviceChunkPlugin.js +65 -0
- package/dist/presets/index.d.ts +2 -0
- package/dist/presets/index.js +95 -0
- package/dist/presets/loaders/mg-entry-loader.d.ts +1 -0
- package/dist/presets/loaders/mg-entry-loader.js +27 -0
- package/dist/presets/loaders/mini-style-loader.d.ts +1 -0
- package/dist/presets/loaders/mini-style-loader.js +72 -0
- package/dist/presets/loaders/mp-entry-loader.d.ts +1 -0
- package/dist/presets/loaders/mp-entry-loader.js +196 -0
- package/dist/presets/loaders/sjs-loader/index.d.ts +12 -0
- package/dist/presets/loaders/sjs-loader/index.js +605 -0
- package/dist/presets/loaders/sjs-loader/scope.d.ts +36 -0
- package/dist/presets/loaders/sjs-loader/scope.js +122 -0
- package/dist/presets/loaders/sjs-loader/tranform.d.ts +2 -0
- package/dist/presets/loaders/sjs-loader/tranform.js +31 -0
- package/dist/presets/loaders/wxss-loader.d.ts +1 -0
- package/dist/presets/loaders/wxss-loader.js +77 -0
- package/dist/presets/plugins/InjectorPlugin.d.ts +7 -0
- package/dist/presets/plugins/InjectorPlugin.js +14 -0
- package/dist/presets/prod.d.ts +4 -0
- package/dist/presets/prod.js +80 -0
- package/dist/types/index.d.ts +118 -0
- package/dist/types/index.js +13 -0
- package/dist/utils/asyncWebpack.d.ts +3 -0
- package/dist/utils/asyncWebpack.js +38 -0
- package/dist/utils/common.d.ts +8 -0
- package/dist/utils/common.js +36 -0
- package/dist/utils/const.d.ts +27 -0
- package/dist/utils/const.js +47 -0
- package/dist/utils/css.d.ts +2 -0
- package/dist/utils/css.js +41 -0
- package/dist/utils/depenedHelper.d.ts +31 -0
- package/dist/utils/depenedHelper.js +89 -0
- package/dist/utils/file.d.ts +2 -0
- package/dist/utils/file.js +67 -0
- package/dist/utils/getSuffixName.d.ts +3 -0
- package/dist/utils/getSuffixName.js +18 -0
- package/dist/utils/loader-utils.d.ts +15 -0
- package/dist/utils/loader-utils.js +59 -0
- package/dist/utils/postcssRpx2Vw.d.ts +12 -0
- package/dist/utils/postcssRpx2Vw.js +35 -0
- package/dist/utils/project.d.ts +27 -0
- package/dist/utils/project.js +164 -0
- package/dist/utils/projectConfig.d.ts +1 -0
- package/dist/utils/projectConfig.js +20 -0
- package/dist/utils/tagTransformMap.d.ts +35 -0
- package/dist/utils/tagTransformMap.js +38 -0
- package/dist/utils/utils.d.ts +7 -0
- package/dist/utils/utils.js +50 -0
- package/dist/utils/zip.d.ts +28 -0
- package/dist/utils/zip.js +287 -0
- package/package.json +6 -6
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const webpack_1 = require("webpack");
|
|
4
|
+
const webpack_sources_1 = require("webpack-sources");
|
|
5
|
+
const common_1 = require("../../../../utils/common");
|
|
6
|
+
class ServiceChunkPlugin {
|
|
7
|
+
constructor(options) {
|
|
8
|
+
this.options = options;
|
|
9
|
+
}
|
|
10
|
+
apply(compiler) {
|
|
11
|
+
compiler.hooks.compilation.tap('ServiceChunkPlugin', compilation => {
|
|
12
|
+
compilation.hooks.processAssets.tap({
|
|
13
|
+
name: 'ServiceChunkPlugin',
|
|
14
|
+
stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
|
|
15
|
+
}, () => {
|
|
16
|
+
var _a, _b;
|
|
17
|
+
let runtimeCode = (_a = compilation.getAsset('runtime.js')) === null || _a === void 0 ? void 0 : _a.source.source();
|
|
18
|
+
// 当没有引用相同 js 场景时, commonChunk 将是 undefined
|
|
19
|
+
const commonSource = ((_b = compilation.getAsset('service-common.js')) === null || _b === void 0 ? void 0 : _b.source) || '';
|
|
20
|
+
runtimeCode = `
|
|
21
|
+
if (!globalThis.__XHS_RUNTIME_REGISTERED__) {
|
|
22
|
+
globalThis.__XHS_RUNTIME_REGISTERED__ = true;
|
|
23
|
+
${runtimeCode}
|
|
24
|
+
}`;
|
|
25
|
+
this.updateService(compiler, compilation, runtimeCode, commonSource);
|
|
26
|
+
compilation.deleteAsset('runtime.js');
|
|
27
|
+
compilation.deleteAsset('service-common.js');
|
|
28
|
+
});
|
|
29
|
+
compilation.hooks.processAssets.tap({
|
|
30
|
+
name: 'ServiceChunkPlugin1',
|
|
31
|
+
stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
|
|
32
|
+
}, (assets) => {
|
|
33
|
+
var _a;
|
|
34
|
+
const { project } = this.options;
|
|
35
|
+
// service层注入gameGlobal
|
|
36
|
+
const services = [
|
|
37
|
+
"v1/service.js",
|
|
38
|
+
// @ts-ignore
|
|
39
|
+
...(_a = project.appJSON.subPackages) === null || _a === void 0 ? void 0 : _a.map(i => (0, common_1.unixJoin)('v1', `${i.entry}.js`))
|
|
40
|
+
];
|
|
41
|
+
services.forEach(servicePath => {
|
|
42
|
+
if (servicePath in assets) {
|
|
43
|
+
// @ts-ignore
|
|
44
|
+
compilation.updateAsset(servicePath, new webpack_sources_1.ConcatSource(`with(GameGlobal) {\n"use strict";\n`, assets[servicePath], '\n}'));
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
updateService(compiler, compilation, runtimeCode, commonSource) {
|
|
51
|
+
var _a;
|
|
52
|
+
const { project } = this.options;
|
|
53
|
+
// 独立分包
|
|
54
|
+
const independent = (_a = project.appJSON.subPackages) === null || _a === void 0 ? void 0 : _a.filter(sub => sub.independent);
|
|
55
|
+
const services = [
|
|
56
|
+
"v1/service.js",
|
|
57
|
+
...independent === null || independent === void 0 ? void 0 : independent.map(i => (0, common_1.unixJoin)('v1', `${i.entry}.js`))
|
|
58
|
+
];
|
|
59
|
+
services.forEach(servicePath => {
|
|
60
|
+
var _a;
|
|
61
|
+
const serviceCode = (_a = compilation.getAsset(servicePath)) === null || _a === void 0 ? void 0 : _a.source;
|
|
62
|
+
if (serviceCode) {
|
|
63
|
+
// @ts-ignore
|
|
64
|
+
compilation.updateAsset(servicePath, new webpack_sources_1.ConcatSource(runtimeCode, commonSource, serviceCode));
|
|
65
|
+
}
|
|
66
|
+
});
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
exports.default = ServiceChunkPlugin;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Compiler } from 'webpack';
|
|
2
|
+
import { IPresetOptions } from '../../../../types';
|
|
3
|
+
declare class ServiceEntryPlugin {
|
|
4
|
+
entriesCache: Map<string, boolean>;
|
|
5
|
+
options: IPresetOptions;
|
|
6
|
+
constructor(options: IPresetOptions);
|
|
7
|
+
apply(compiler: Compiler): void;
|
|
8
|
+
makeUmdEntry(compiler: Compiler, filename: string, url: string, libraryName: string): void;
|
|
9
|
+
}
|
|
10
|
+
export default ServiceEntryPlugin;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const webpack_1 = require("webpack");
|
|
4
|
+
const common_1 = require("../../../../utils/common");
|
|
5
|
+
class ServiceEntryPlugin {
|
|
6
|
+
constructor(options) {
|
|
7
|
+
this.options = options;
|
|
8
|
+
this.entriesCache = new Map();
|
|
9
|
+
}
|
|
10
|
+
apply(compiler) {
|
|
11
|
+
new webpack_1.library.EnableLibraryPlugin('umd').apply(compiler);
|
|
12
|
+
const { project } = this.options;
|
|
13
|
+
const { appJSON } = project;
|
|
14
|
+
const subPackages = appJSON.subPackages || [];
|
|
15
|
+
this.makeUmdEntry(compiler, 'v1/service.js', `mg-entry-loader?entry=${common_1.DEFAULT_ENTRY}!`, `XHS_SERVICE_${common_1.DEFAULT_ENTRY}`);
|
|
16
|
+
for (const { entry } of subPackages) {
|
|
17
|
+
this.makeUmdEntry(compiler, (0, common_1.unixJoin)('v1', `${entry}.js`), `mg-entry-loader?entry=${entry}!`, `XHS_SERVICE_${entry}`);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
makeUmdEntry(compiler, filename, url, libraryName) {
|
|
21
|
+
if (this.entriesCache.get(filename))
|
|
22
|
+
return;
|
|
23
|
+
const entryOption = webpack_1.EntryOptionPlugin.entryDescriptionToOptions(compiler, filename, {
|
|
24
|
+
import: [url],
|
|
25
|
+
filename,
|
|
26
|
+
library: { name: libraryName, type: 'umd' }
|
|
27
|
+
});
|
|
28
|
+
new webpack_1.EntryPlugin(compiler.context, url, entryOption).apply(compiler);
|
|
29
|
+
this.entriesCache.set(filename, true);
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
exports.default = ServiceEntryPlugin;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { IPresetOptions } from '../../../../types';
|
|
2
|
+
import { RawSource, CopyPatterns, ICompiler } from '../../../../packs';
|
|
3
|
+
declare class XhsAssetsPlugin {
|
|
4
|
+
options: IPresetOptions;
|
|
5
|
+
copyPatterns: CopyPatterns;
|
|
6
|
+
constructor(options: IPresetOptions);
|
|
7
|
+
apply(compiler: ICompiler): void;
|
|
8
|
+
emitAppJson(compilation: any, appJSON: any): void;
|
|
9
|
+
emitLegacyAppJSON(compilation: any, legacyAppJSON: any): void;
|
|
10
|
+
emitJson(compilation: any, path: string, json: RawSource): void;
|
|
11
|
+
}
|
|
12
|
+
export default XhsAssetsPlugin;
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
12
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
|
+
};
|
|
14
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
+
const packs_1 = require("../../../../packs");
|
|
16
|
+
const const_1 = __importDefault(require("../../../../utils/const"));
|
|
17
|
+
class XhsAssetsPlugin {
|
|
18
|
+
constructor(options) {
|
|
19
|
+
this.options = options;
|
|
20
|
+
this.copyPatterns = new packs_1.CopyPatterns();
|
|
21
|
+
}
|
|
22
|
+
apply(compiler) {
|
|
23
|
+
compiler.hooks.compilation.tap('XhsMpAssetsPlugin', compilation => {
|
|
24
|
+
const { project, packSetting } = this.options;
|
|
25
|
+
const { appJSON, legacyAppJSON } = project;
|
|
26
|
+
const usingPackageType = packSetting.usingPackageType;
|
|
27
|
+
// app.json
|
|
28
|
+
if (compilation) {
|
|
29
|
+
this.emitAppJson(compilation, JSON.parse(JSON.stringify(appJSON)));
|
|
30
|
+
// 兼容服务端,始终创建 v0/app.json
|
|
31
|
+
this.emitLegacyAppJSON(compilation, legacyAppJSON);
|
|
32
|
+
}
|
|
33
|
+
// app.css 复用
|
|
34
|
+
compilation.hooks.processAssets.tap({
|
|
35
|
+
name: 'XhsMpAssetsCommonPlugin',
|
|
36
|
+
stage: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
|
|
37
|
+
}, assets => {
|
|
38
|
+
// 删除因为 entry 是 app.(wxss|css) 而产生的的 js 文件
|
|
39
|
+
for (const key of Object.keys(assets)) {
|
|
40
|
+
if (key === `${usingPackageType}/${const_1.default.ENTRY_CSS_NAME}.js` ||
|
|
41
|
+
key === `${usingPackageType}/${const_1.default.ENTRY_CSS_NAME}.js.map`) {
|
|
42
|
+
Reflect.deleteProperty(assets, key);
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
// 复用app.css,copy v2到v1
|
|
46
|
+
if (packSetting.usingPackageType === 'v2' && packSetting.enableV1) {
|
|
47
|
+
if (assets[`${usingPackageType}/app.css`]) {
|
|
48
|
+
assets['v1/app.css'] = assets[`${usingPackageType}/app.css`];
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
});
|
|
52
|
+
// 图片等资源
|
|
53
|
+
const cache = compilation.getCache('CopyWebpackPlugin');
|
|
54
|
+
const logger = compilation.getLogger('XhsMpAssetsCopyPlugin');
|
|
55
|
+
compilation.hooks.processAssets.tapAsync({
|
|
56
|
+
name: 'XhsMpAssetsCopyPlugin',
|
|
57
|
+
stage: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
|
|
58
|
+
}, (assets, callback) => __awaiter(this, void 0, void 0, function* () {
|
|
59
|
+
const patterns = [];
|
|
60
|
+
if (packSetting.enableV2) {
|
|
61
|
+
patterns.push({
|
|
62
|
+
noErrorOnMissing: true,
|
|
63
|
+
from: `**/*.{${const_1.default.ASSETS_EXTS}}`,
|
|
64
|
+
to: 'v2',
|
|
65
|
+
context: project.projectMiniprogramPath,
|
|
66
|
+
globOptions: { gitignore: true }
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
if (packSetting.enableV1) {
|
|
70
|
+
patterns.push({
|
|
71
|
+
noErrorOnMissing: true,
|
|
72
|
+
from: `**/*.{${const_1.default.ASSETS_EXTS}}`,
|
|
73
|
+
to: 'v1',
|
|
74
|
+
context: project.projectMiniprogramPath,
|
|
75
|
+
globOptions: { gitignore: true }
|
|
76
|
+
});
|
|
77
|
+
}
|
|
78
|
+
yield this.copyPatterns.copy({
|
|
79
|
+
compiler,
|
|
80
|
+
compilation,
|
|
81
|
+
cache,
|
|
82
|
+
logger,
|
|
83
|
+
patterns
|
|
84
|
+
});
|
|
85
|
+
callback();
|
|
86
|
+
}));
|
|
87
|
+
});
|
|
88
|
+
}
|
|
89
|
+
emitAppJson(compilation, appJSON) {
|
|
90
|
+
const { project, packSetting } = this.options;
|
|
91
|
+
const { compilePkgs = [const_1.default.MAIN_PKG] } = packSetting;
|
|
92
|
+
// const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries()
|
|
93
|
+
// 先删除,用户配置的默认不生效
|
|
94
|
+
Reflect.deleteProperty(appJSON, 'lazyCodeLoading');
|
|
95
|
+
if (packSetting.enableVDom) {
|
|
96
|
+
appJSON.xhsVersionStrategy.enableVDom = true;
|
|
97
|
+
appJSON.usingFramework = '2.0';
|
|
98
|
+
}
|
|
99
|
+
if (packSetting.enableV2) {
|
|
100
|
+
appJSON.xhsVersionStrategy.lazyCodeLoading = true;
|
|
101
|
+
appJSON.lazyCodeLoading = 'requiredComponents';
|
|
102
|
+
}
|
|
103
|
+
const appJsonSource = new packs_1.RawSource(JSON.stringify(appJSON));
|
|
104
|
+
// app.json合并了普通分包的json内容,每次都emit
|
|
105
|
+
if (packSetting.enableV2) {
|
|
106
|
+
this.emitJson(compilation, 'v2/app.json', appJsonSource);
|
|
107
|
+
}
|
|
108
|
+
if (packSetting.enableV1) {
|
|
109
|
+
this.emitJson(compilation, 'v1/app.json', appJsonSource);
|
|
110
|
+
}
|
|
111
|
+
// 独立分包的 app.json
|
|
112
|
+
const subPkgs = project.getSubPackages().filter(pkg => compilePkgs.includes(pkg.root));
|
|
113
|
+
subPkgs.forEach(subPkg => {
|
|
114
|
+
if (subPkg === null || subPkg === void 0 ? void 0 : subPkg.independent) {
|
|
115
|
+
if (packSetting.enableV2) {
|
|
116
|
+
this.emitJson(compilation, `v2/${subPkg.root}/app.json`, appJsonSource);
|
|
117
|
+
}
|
|
118
|
+
if (packSetting.enableV1) {
|
|
119
|
+
this.emitJson(compilation, `v1/${subPkg.root}/app.json`, appJsonSource);
|
|
120
|
+
}
|
|
121
|
+
}
|
|
122
|
+
});
|
|
123
|
+
}
|
|
124
|
+
emitLegacyAppJSON(compilation, legacyAppJSON) {
|
|
125
|
+
this.emitJson(compilation, 'v0/app.json', new packs_1.RawSource(JSON.stringify(legacyAppJSON)));
|
|
126
|
+
}
|
|
127
|
+
emitJson(compilation, path, json) {
|
|
128
|
+
// @ts-ignore
|
|
129
|
+
compilation.emitAsset(path, json);
|
|
130
|
+
}
|
|
131
|
+
}
|
|
132
|
+
exports.default = XhsAssetsPlugin;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.presetAssets = exports.getAssetsEntry = void 0;
|
|
7
|
+
const css_1 = __importDefault(require("../../../../utils/css"));
|
|
8
|
+
const getSuffixName_1 = require("../../../../utils/getSuffixName");
|
|
9
|
+
const assetsEntryPlugin_1 = __importDefault(require("./assetsEntryPlugin"));
|
|
10
|
+
const const_1 = __importDefault(require("../../../../utils/const"));
|
|
11
|
+
const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
|
|
12
|
+
const getAssetsEntry = (options) => () => {
|
|
13
|
+
const { project, packSetting } = options;
|
|
14
|
+
const entry = {};
|
|
15
|
+
entry[`${packSetting.usingPackageType}/${const_1.default.ENTRY_CSS_NAME}`] = `${project.projectMiniprogramPath}/app.${(0, getSuffixName_1.getCssSuffixName)()}`;
|
|
16
|
+
return entry;
|
|
17
|
+
};
|
|
18
|
+
exports.getAssetsEntry = getAssetsEntry;
|
|
19
|
+
const presetAssets = (chain, options) => {
|
|
20
|
+
const { packSetting, project } = options;
|
|
21
|
+
const { distDir, enableV1, enableV2 } = packSetting;
|
|
22
|
+
const { miniprogramDir } = project;
|
|
23
|
+
const cssReg = new RegExp(`.${(0, getSuffixName_1.getCssSuffixName)()}$`);
|
|
24
|
+
chain.merge({
|
|
25
|
+
output: {
|
|
26
|
+
path: distDir
|
|
27
|
+
},
|
|
28
|
+
// cache: {
|
|
29
|
+
// type: 'filesystem',
|
|
30
|
+
// cacheDirectory: packSetting.cacheDirectory,
|
|
31
|
+
// },
|
|
32
|
+
module: {
|
|
33
|
+
rule: {
|
|
34
|
+
[(0, getSuffixName_1.getCssSuffixName)()]: {
|
|
35
|
+
test: cssReg,
|
|
36
|
+
use: Object.assign({ 'mini-style-loader': {
|
|
37
|
+
loader: require.resolve('../../../loaders/mini-style-loader'),
|
|
38
|
+
options: Object.assign(Object.assign({}, options), { independent: true })
|
|
39
|
+
} }, (0, css_1.default)(options, ['css-loader', 'postcss-loader', 'wxss-loader']))
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
|
|
45
|
+
chain.plugin('XhsMpAssetsPlugin').use(assetsEntryPlugin_1.default, [options]);
|
|
46
|
+
};
|
|
47
|
+
exports.presetAssets = presetAssets;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getComponentEntry = void 0;
|
|
4
|
+
const xhs_mp_pack_1 = require("xhs-mp-pack");
|
|
5
|
+
const getComponentEntry = (options) => {
|
|
6
|
+
const entries = {};
|
|
7
|
+
const { packSetting } = options;
|
|
8
|
+
// 编译v2
|
|
9
|
+
if (packSetting.enableV2) {
|
|
10
|
+
appendV2Entry(options, entries);
|
|
11
|
+
}
|
|
12
|
+
// 构建 v1 的包
|
|
13
|
+
if (packSetting.enableV1) {
|
|
14
|
+
appendV1Entry(options, entries);
|
|
15
|
+
}
|
|
16
|
+
return entries;
|
|
17
|
+
};
|
|
18
|
+
exports.getComponentEntry = getComponentEntry;
|
|
19
|
+
const appendV2Entry = (options, entries) => {
|
|
20
|
+
const { project, packSetting } = options;
|
|
21
|
+
const subPackages = project.getSubPackages();
|
|
22
|
+
const subPackageRoots = subPackages.map(pkg => pkg.root);
|
|
23
|
+
const componentsMap = project.getComponentsMap();
|
|
24
|
+
const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
|
|
25
|
+
Object.keys(componentsMap).forEach(compPath => {
|
|
26
|
+
if (mainPkg && project.isFileInMainPkg(compPath)) {
|
|
27
|
+
entries[`v2/${compPath}`] = `mp-entry-loader?type=component&mode=v2&compPath=${compPath}&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
|
|
28
|
+
}
|
|
29
|
+
for (const subPkg of subPkgs) {
|
|
30
|
+
if (compPath.startsWith(`${subPkg.root}/`)) {
|
|
31
|
+
const root = subPackageRoots.find(root => compPath.startsWith(`${root}/`));
|
|
32
|
+
entries[`v2/${root}/${compPath}`] = `mp-entry-loader?type=component&mode=v2&compPath=${compPath}&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
};
|
|
37
|
+
function appendV1Entry(options, entries) {
|
|
38
|
+
const { packSetting } = options;
|
|
39
|
+
const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
|
|
40
|
+
if (mainPkg) {
|
|
41
|
+
entries['v1/components'] = `mp-entry-loader?type=component&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.MAIN_PKG}!`;
|
|
42
|
+
}
|
|
43
|
+
for (const subPkg of subPkgs) {
|
|
44
|
+
const { root } = subPkg;
|
|
45
|
+
entries[`v1/${root}/components`] = `mp-entry-loader?type=component&mode=v1&pkg=${xhs_mp_pack_1.CONSTANTS.SUB_PKG}&root=${root}!`;
|
|
46
|
+
}
|
|
47
|
+
}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Config } from '../../../../packs';
|
|
2
|
+
import { IPresetOptions } from '../../../../types';
|
|
3
|
+
declare const getRenderEntry: (options: IPresetOptions) => () => {};
|
|
4
|
+
declare const presetRender: (chain: Config, options: IPresetOptions) => void;
|
|
5
|
+
export { getRenderEntry, presetRender };
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.presetRender = exports.getRenderEntry = void 0;
|
|
7
|
+
const path_1 = __importDefault(require("path"));
|
|
8
|
+
const css_1 = __importDefault(require("../../../../utils/css"));
|
|
9
|
+
const getSuffixName_1 = require("../../../../utils/getSuffixName");
|
|
10
|
+
const sjsEntryPlugin_1 = __importDefault(require("./sjsEntryPlugin"));
|
|
11
|
+
const render_1 = require("./render");
|
|
12
|
+
const component_1 = require("./component");
|
|
13
|
+
const renderChunkPlugin_1 = __importDefault(require("./renderChunkPlugin"));
|
|
14
|
+
const types_1 = require("../../../../types");
|
|
15
|
+
const InjectorPlugin_1 = require("../../../plugins/InjectorPlugin");
|
|
16
|
+
const getRenderEntry = (options) => () => (Object.assign(Object.assign({}, (0, render_1.getRenderEntry)(options)), (0, component_1.getComponentEntry)(options)));
|
|
17
|
+
exports.getRenderEntry = getRenderEntry;
|
|
18
|
+
const presetRender = (chain, options) => {
|
|
19
|
+
const { packSetting } = options;
|
|
20
|
+
const { enableVDom, env, distDir, cacheDirectory } = packSetting;
|
|
21
|
+
const mlReg = new RegExp(`.${(0, getSuffixName_1.getMlSuffixName)()}$`);
|
|
22
|
+
const cssReg = new RegExp(`.${(0, getSuffixName_1.getCssSuffixName)()}$`);
|
|
23
|
+
const isProd = env === types_1.ENV.production;
|
|
24
|
+
chain.merge({
|
|
25
|
+
externals: { vue: 'vue' },
|
|
26
|
+
output: {
|
|
27
|
+
path: distDir,
|
|
28
|
+
globalObject: 'globalThis',
|
|
29
|
+
libraryTarget: 'umd',
|
|
30
|
+
uniqueName: 'MpRender',
|
|
31
|
+
},
|
|
32
|
+
cache: {
|
|
33
|
+
type: 'filesystem',
|
|
34
|
+
cacheDirectory: path_1.default.join(cacheDirectory, 'render'),
|
|
35
|
+
},
|
|
36
|
+
module: {
|
|
37
|
+
rule: {
|
|
38
|
+
ml: {
|
|
39
|
+
test: mlReg,
|
|
40
|
+
use: {
|
|
41
|
+
// 'thread-loader': {
|
|
42
|
+
// loader: require.resolve('thread-loader'),
|
|
43
|
+
// options: {
|
|
44
|
+
// workers: require('os').cpus().length,
|
|
45
|
+
// },
|
|
46
|
+
// },
|
|
47
|
+
'ml-loader': {
|
|
48
|
+
loader: require.resolve('xhs-mp-compiler-ml-loader'),
|
|
49
|
+
options: {
|
|
50
|
+
removeComentNode: isProd,
|
|
51
|
+
vdom: enableVDom,
|
|
52
|
+
},
|
|
53
|
+
},
|
|
54
|
+
},
|
|
55
|
+
},
|
|
56
|
+
[(0, getSuffixName_1.getCssSuffixName)()]: {
|
|
57
|
+
test: cssReg,
|
|
58
|
+
use: (0, css_1.default)(options, [
|
|
59
|
+
"mini-style-loader",
|
|
60
|
+
'postcss-loader',
|
|
61
|
+
'wxss-loader',
|
|
62
|
+
]),
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
},
|
|
66
|
+
});
|
|
67
|
+
chain.plugin('InjectorPlugin').use(InjectorPlugin_1.InjectorPlugin, [options]);
|
|
68
|
+
chain.plugin('SjsEntryPlugin').use(sjsEntryPlugin_1.default, [options]);
|
|
69
|
+
chain.plugin("RenderChunkPlugin").use(renderChunkPlugin_1.default, [options]);
|
|
70
|
+
};
|
|
71
|
+
exports.presetRender = presetRender;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getRenderEntry = void 0;
|
|
4
|
+
const getSuffixName_1 = require("../../../../utils/getSuffixName");
|
|
5
|
+
const xhs_mp_pack_1 = require("xhs-mp-pack");
|
|
6
|
+
const getRenderEntry = (options) => {
|
|
7
|
+
const entries = {};
|
|
8
|
+
const { packSetting } = options;
|
|
9
|
+
if (packSetting.enableV2) {
|
|
10
|
+
appendV2Entry(options, entries);
|
|
11
|
+
}
|
|
12
|
+
if (packSetting.enableV1) {
|
|
13
|
+
appendV1Entry(options, entries);
|
|
14
|
+
}
|
|
15
|
+
return entries;
|
|
16
|
+
};
|
|
17
|
+
exports.getRenderEntry = getRenderEntry;
|
|
18
|
+
const appendV2Entry = (options, entries) => {
|
|
19
|
+
const { project, packSetting } = options;
|
|
20
|
+
const projectMiniprogramPath = project.projectMiniprogramPath;
|
|
21
|
+
const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
|
|
22
|
+
if (mainPkg) {
|
|
23
|
+
const pages = project.getPages();
|
|
24
|
+
for (const { path } of pages) {
|
|
25
|
+
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)()}`;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
for (const { pages, root } of subPkgs) {
|
|
29
|
+
for (const { path } of pages) {
|
|
30
|
+
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)()}`;
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
};
|
|
34
|
+
const appendV1Entry = (options, entries) => {
|
|
35
|
+
const { project, packSetting } = options;
|
|
36
|
+
const projectMiniprogramPath = project.projectMiniprogramPath;
|
|
37
|
+
const { mainPkg, subPkgs } = packSetting.getCompilePkgsForEntries();
|
|
38
|
+
if (mainPkg) {
|
|
39
|
+
const pages = project.getPages();
|
|
40
|
+
for (const { path } of pages) {
|
|
41
|
+
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)()}`;
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
for (const { pages, root } of subPkgs) {
|
|
45
|
+
for (const { path } of pages) {
|
|
46
|
+
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)()}`;
|
|
47
|
+
}
|
|
48
|
+
}
|
|
49
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ICompiler } from '../../../../packs';
|
|
2
|
+
import { IPresetOptions } from '../../../../types';
|
|
3
|
+
declare class RenderChunkPlugin {
|
|
4
|
+
options: IPresetOptions;
|
|
5
|
+
constructor(options: IPresetOptions);
|
|
6
|
+
apply(compiler: ICompiler): void;
|
|
7
|
+
}
|
|
8
|
+
export default RenderChunkPlugin;
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
const packs_1 = require("../../../../packs");
|
|
4
|
+
const injectCSS = `
|
|
5
|
+
globalThis.__XHS_IS_WEBVIEW = (globalThis.localStorage && document && document.querySelectorAll)
|
|
6
|
+
globalThis.__XHS_APPEND_CSS = function(cssText){
|
|
7
|
+
if (!globalThis.__XHS_IS_WEBVIEW) return;
|
|
8
|
+
var headTags = document.getElementsByTagName('head')
|
|
9
|
+
var head = document.head || (headTags && headTags[0])
|
|
10
|
+
var cssTextNode = document.createTextNode(String(cssText))
|
|
11
|
+
var styleNode = document.createElement('style')
|
|
12
|
+
styleNode.appendChild(cssTextNode)
|
|
13
|
+
head.appendChild(styleNode)
|
|
14
|
+
};
|
|
15
|
+
`;
|
|
16
|
+
// 注入css跟webpack runtime
|
|
17
|
+
class RenderChunkPlugin {
|
|
18
|
+
constructor(options) {
|
|
19
|
+
this.options = options;
|
|
20
|
+
}
|
|
21
|
+
apply(compiler) {
|
|
22
|
+
compiler.hooks.compilation.tap(RenderChunkPlugin.name, compilation => {
|
|
23
|
+
compilation.hooks.processAssets.tap({
|
|
24
|
+
name: RenderChunkPlugin.name,
|
|
25
|
+
stage: packs_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
|
|
26
|
+
}, assets => {
|
|
27
|
+
var _a, _b;
|
|
28
|
+
const { project } = this.options;
|
|
29
|
+
// 注入css逻辑
|
|
30
|
+
const injectCode = injectCSS;
|
|
31
|
+
// @ts-ignore
|
|
32
|
+
const appJSON = project.appJSON;
|
|
33
|
+
const pathMap = [
|
|
34
|
+
(_a = appJSON.pages) === null || _a === void 0 ? void 0 : _a.map(({ path }) => path),
|
|
35
|
+
(_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); })
|
|
36
|
+
]
|
|
37
|
+
.flat(4)
|
|
38
|
+
.filter(Boolean)
|
|
39
|
+
.reduce((ac, path) => {
|
|
40
|
+
ac[`v1/${path}.render.js`] = true;
|
|
41
|
+
ac[`v2/${path}.render.js`] = true;
|
|
42
|
+
return ac;
|
|
43
|
+
}, {});
|
|
44
|
+
// 将runtime 塞到render.js中去
|
|
45
|
+
Object.keys(assets).forEach(key => {
|
|
46
|
+
if (!pathMap[key])
|
|
47
|
+
return;
|
|
48
|
+
// @ts-ignore
|
|
49
|
+
compilation.updateAsset(key, new packs_1.ConcatSource(injectCode, assets[key]));
|
|
50
|
+
});
|
|
51
|
+
});
|
|
52
|
+
});
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
exports.default = RenderChunkPlugin;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { Compilation, ICompiler } from '../../../../packs';
|
|
2
|
+
import { IPresetOptions } from '../../../../types';
|
|
3
|
+
declare class SjsEntryPlugin {
|
|
4
|
+
options: IPresetOptions;
|
|
5
|
+
entriesCache: Map<string, boolean>;
|
|
6
|
+
mainpkgPaths: string[];
|
|
7
|
+
subPackagePaths: Map<string, string[]>;
|
|
8
|
+
subPackageRoots: string[];
|
|
9
|
+
constructor(options: IPresetOptions);
|
|
10
|
+
isFileInMainPkg(filePath: any): boolean;
|
|
11
|
+
isFileInSubpackage(filePath: any): boolean;
|
|
12
|
+
apply(compiler: ICompiler): void;
|
|
13
|
+
makeSjsFileContent(compilation: Compilation, chunkName: string, sjsFiles: string[] | undefined, sjsModuleName: string, pkgRoot?: string): void;
|
|
14
|
+
}
|
|
15
|
+
export default SjsEntryPlugin;
|