@taro-minify-pack/plugin-async-pack 0.1.3-alpha.1 → 0.1.4-alpha.0

package/README.md

@@ -178,11 +178,11 @@ plugins: [
     customDynamicPackages: [
       {
         name: 'sync-style', 
-        test: (module) => /src[\\/]pages[\\/]sync-style[\\/]/.test(module.resource || ''),
+        test: (module) => /src[\\/]pages[\\/]sync-style[\\/]/.test(module.identifier()),
       },
       {
         name: 'async-style',
-        test: (module) => /src[\\/]pages[\\/]async-style[\\/]/.test(module.resource || ''),
+        test: (module) => /src[\\/]pages[\\/]async-style[\\/]/.test(module.identifier()),
         asyncStyle: true
       }
     ]
@@ -200,8 +200,24 @@ plugins: [
 - 确认使用了 Webpack 5 编译器
 - 确保代码中使用了 `import()` 动态导入语法
 
-### 2. 异步组件的样式没有加载？
-- 检查是否有编译错误或警告信息
+### 2. 为什么样式文件没有异步？
+- 先检查 `customDynamicPackages[].test` 是否真的命中了目标模块；如果没有命中，样式会走默认同步合并逻辑，而不会进入对应自定义异步分包
+- 再检查该自定义分包的 `asyncStyle` 是否为 `true`；只有开启后才会额外生成 `inject-style` 组件，并触发异步样式注入
+- `module.identifier()` 代表 webpack 给当前模块生成的唯一标识，通常会包含 loader 链、查询参数和源文件绝对路径，比单纯看文件名更适合排查 `test` 是否命中
+- 排查时可以先在 `test` 回调里临时打印 `module.identifier()`，确认真实值后再收窄正则规则，例如只匹配其中稳定的源码路径片段：
+
+```js
+const customDynamicPackageConfig = {
+  name: 'async-style',
+  test: (module) => {
+    console.log(module.identifier())
+    return /src[\\/]pages[\\/]async-style[\\/]/.test(module.identifier())
+  },
+  asyncStyle: true
+}
+```
+
+- 如果打印出来的内容带有 `css-loader`、`sass-loader`、`?taro` 之类前缀或查询参数，通常是正常现象，优先匹配其中稳定的业务目录路径即可
 
 ### 3. 配置后编译失败？
 - 请检查配置选项是否正确

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 import type { IPluginContext } from '@tarojs/service';
 import { AsyncPackOpts } from './types';
-export { AsyncPackOpts } from './types';
+export * from './types';
+export * from './inject-dynamic-style';
 declare const _default: (ctx: IPluginContext, pluginOpts: Partial<AsyncPackOpts>) => void;
 export default _default;

package/dist/index.js

@@ -1,13 +1,29 @@
 "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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const transform_webpack_runtime_1 = require("./transform-webpack-runtime");
 const transform_before_compression_plugin_1 = require("./transform-before-compression-plugin");
-const inject_style_component_1 = require("./inject-style-component");
+const inject_dynamic_style_1 = require("./inject-dynamic-style");
 const transform_app_config_1 = require("./transform-app-config");
 const transform_pages_wxml_1 = require("./transform-pages-wxml");
 const utils_1 = require("./utils");
 const transform_app_stylesheet_1 = require("./transform-app-stylesheet");
 const merge_output_1 = require("./merge-output");
+__exportStar(require("./types"), exports);
+__exportStar(require("./inject-dynamic-style"), exports);
 const dynamicPackOptsDefaultOpt = {
     dynamicPackageNamePrefix: 'dynamic-package',
     dynamicPackageCount: 1,
@@ -46,7 +62,7 @@ exports.default = (ctx, pluginOpts) => {
             const chunkFilename = (pathData) => (0, utils_1.generateChunkFilename)(Object.assign(Object.assign({}, finalOpts), { pathData, ext: '.wxss' }));
             return [Object.assign(Object.assign({}, options), { chunkFilename })];
         });
-        chain.plugin(transform_before_compression_plugin_1.PLUGIN_NAME).use(transform_before_compression_plugin_1.TransformBeforeCompressionPlugin, [{
+        chain.plugin(transform_before_compression_plugin_1.TransformBeforeCompressionPlugin.pluginName).use(transform_before_compression_plugin_1.TransformBeforeCompressionPlugin, [{
                 test: /^(runtime\.js|app\.wxss)$/,
                 transform: (opt) => {
                     const { source, assetName, assets } = opt;
@@ -58,21 +74,27 @@ exports.default = (ctx, pluginOpts) => {
                     return source;
                 }
             }]);
-        chain.plugin(merge_output_1.PLUGIN_NAME).use(merge_output_1.MergeOutputPlugin, [{
-                test: (assetName) => (0, utils_1.matchSuffix)('wxss', assetName) && (0, utils_1.isSyncStyleDynamicPackageAsset)(finalOpts, assetName),
+        chain.plugin(merge_output_1.MergeOutputPlugin.pluginName).use(merge_output_1.MergeOutputPlugin, [{
+                test: (assetName) => {
+                    const isStyleAsset = (0, utils_1.matchSuffix)('wxss', assetName);
+                    const isInjectDynamicStyleAsset = new RegExp(`${inject_dynamic_style_1.InjectDynamicStylePlugin.componentName}\\.wxss$`).test(assetName);
+                    return isStyleAsset && !isInjectDynamicStyleAsset && (0, utils_1.isSyncStyleDynamicPackageAsset)(finalOpts, assetName);
+                },
                 outputFile: `${finalOpts.dynamicPackageNamePrefix}.wxss`
             }]);
-        chain.plugin(inject_style_component_1.PLUGIN_NAME).use(inject_style_component_1.InjectStyleComponentPlugin, [finalOpts]);
+        chain.plugin(inject_dynamic_style_1.InjectDynamicStylePlugin.pluginName).use(inject_dynamic_style_1.InjectDynamicStylePlugin, [finalOpts]);
     });
     ctx.modifyBuildAssets(({ assets }) => {
         const hasDynamicModule = Object.keys(assets).some((key) => (0, utils_1.isDynamicPackageAsset)(finalOpts, key));
         if (!hasDynamicModule)
             return;
-        const asyncComponents = finalOpts.customDynamicPackages.filter(item => item.asyncStyle).reduce((result, item) => {
-            const { name: packageName } = item;
-            const componentName = `${inject_style_component_1.InjectStyleComponentName}-${packageName}`;
-            const customDynamicPackageName = (0, utils_1.generateCustomDynamicPackageName)(finalOpts, packageName);
-            return Object.assign(Object.assign({}, result), { [componentName]: `${customDynamicPackageName}/${inject_style_component_1.InjectStyleComponentName}` });
+        const asyncComponents = Object.keys(assets).reduce((result, assetName) => {
+            const regExp = new RegExp(`^(${finalOpts.dynamicPackageNamePrefix}-([^/]+)/${inject_dynamic_style_1.InjectDynamicStylePlugin.componentName})\\.json$`);
+            const [_, fullPathWithoutExt, key] = assetName.match(regExp) || [];
+            if (!(0, utils_1.isDynamicPackageAsset)(finalOpts, assetName) || !key)
+                return result;
+            const componentName = `${inject_dynamic_style_1.InjectDynamicStylePlugin.componentName}-${key}`;
+            return Object.assign(Object.assign({}, result), { [componentName]: fullPathWithoutExt });
         }, {});
         (0, transform_app_config_1.transformAppConfig)(Object.assign(Object.assign({}, finalOpts), { assets, asyncComponents }));
         (0, transform_pages_wxml_1.transformPagesWXml)({ assets, asyncComponents });

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/inject-dynamic-style.d.ts

@@ -0,0 +1,26 @@
+import { Compiler, Compilation } from 'webpack';
+import { AsyncPackOpts } from './types';
+import { SyncHook } from 'tapable';
+export interface InjectDynamicStyleOpt {
+    key: string;
+    stylesheet: string;
+}
+export interface Hooks {
+    emitDynamicStyle: SyncHook<InjectDynamicStyleOpt>;
+}
+type Opt = AsyncPackOpts;
+export declare class InjectDynamicStylePlugin {
+    private readonly opt;
+    private readonly WXmlContent;
+    private readonly JsonContent;
+    private readonly JsContent;
+    static readonly pluginName = "InjectDynamicStyle";
+    static readonly componentName = "inject-dynamic-style";
+    private static readonly hooksMap;
+    private dynamicStyleMap;
+    constructor(opt: Opt);
+    static getCompilationHooks(compilation: Compilation): Hooks | undefined;
+    injectDynamicStyleCode(compilation: Compilation, opt: InjectDynamicStyleOpt): void;
+    apply(compiler: Compiler): void;
+}
+export {};

package/dist/inject-dynamic-style.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InjectDynamicStylePlugin = void 0;
+const path_1 = __importDefault(require("path"));
+const webpack_sources_1 = require("webpack-sources");
+const utils_1 = require("./utils");
+const tapable_1 = require("tapable");
+class InjectDynamicStylePlugin {
+    constructor(opt) {
+        this.WXmlContent = '<block/>';
+        this.JsonContent = '{"component": true,"styleIsolation": "shared"}';
+        this.JsContent = 'Component({})';
+        this.dynamicStyleMap = new Map();
+        this.opt = opt;
+    }
+    static getCompilationHooks(compilation) {
+        if (!this.hooksMap.has(compilation)) {
+            const emitDynamicStyle = new tapable_1.SyncHook(['emitDynamicStyleOpt']);
+            this.hooksMap.set(compilation, { emitDynamicStyle });
+        }
+        return this.hooksMap.get(compilation);
+    }
+    injectDynamicStyleCode(compilation, opt) {
+        const { key, stylesheet } = opt;
+        const componentPath = `${key}/${InjectDynamicStylePlugin.componentName}`;
+        compilation.assets[`${componentPath}.wxss`] = new webpack_sources_1.RawSource(stylesheet);
+        compilation.assets[`${componentPath}.wxml`] = new webpack_sources_1.RawSource(this.WXmlContent);
+        compilation.assets[`${componentPath}.json`] = new webpack_sources_1.RawSource(this.JsonContent);
+        compilation.assets[`${componentPath}.js`] = new webpack_sources_1.RawSource(this.JsContent);
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap(InjectDynamicStylePlugin.pluginName, (compilation) => {
+            const hooks = InjectDynamicStylePlugin.getCompilationHooks(compilation);
+            const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL; // 最早阶段，在优化前
+            hooks === null || hooks === void 0 ? void 0 : hooks.emitDynamicStyle.tap(InjectDynamicStylePlugin.pluginName, (opt) => this.dynamicStyleMap.set(opt.key, opt));
+            compilation.hooks.processAssets.tap({ name: InjectDynamicStylePlugin.pluginName, stage }, (assets) => {
+                const { customDynamicPackages } = this.opt;
+                customDynamicPackages.forEach(customDynamicPackageItem => {
+                    if (!customDynamicPackageItem.asyncStyle)
+                        return;
+                    const customDynamicPackageName = (0, utils_1.generateCustomDynamicPackageName)(this.opt, customDynamicPackageItem.name);
+                    const styleFileContent = Object.keys(assets).reduce((result, assetPath) => {
+                        if (!new RegExp(`^${customDynamicPackageName}\\/.*\\.wxss$`).test(assetPath))
+                            return result;
+                        const relativePath = path_1.default.posix.relative(customDynamicPackageName, assetPath);
+                        const code = `@import './${relativePath}';`;
+                        return result + code + '\n';
+                    }, '');
+                    this.dynamicStyleMap.set(customDynamicPackageName, { key: customDynamicPackageName, stylesheet: styleFileContent });
+                });
+                this.dynamicStyleMap.forEach((opt) => this.injectDynamicStyleCode(compilation, opt));
+            });
+        });
+    }
+}
+exports.InjectDynamicStylePlugin = InjectDynamicStylePlugin;
+InjectDynamicStylePlugin.pluginName = 'InjectDynamicStyle';
+InjectDynamicStylePlugin.componentName = 'inject-dynamic-style';
+InjectDynamicStylePlugin.hooksMap = new WeakMap();
+//# sourceMappingURL=inject-dynamic-style.js.map

package/dist/inject-dynamic-style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-dynamic-style.js","sourceRoot":"","sources":["../src/inject-dynamic-style.ts"],"names":[],"mappings":"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"}

package/dist/merge-output.d.ts

@@ -1,11 +1,11 @@
 import { Compiler } from 'webpack';
-export declare const PLUGIN_NAME = "MergeOutput";
 interface MergeOutputOpt {
     test: (assetName: string) => boolean;
     outputFile: string;
 }
 export declare class MergeOutputPlugin {
     private readonly opts;
+    static readonly pluginName = "MergeOutput";
     constructor(opts: MergeOutputOpt);
     apply(compiler: Compiler): void;
 }

package/dist/merge-output.js

@@ -1,15 +1,14 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.MergeOutputPlugin = exports.PLUGIN_NAME = void 0;
-exports.PLUGIN_NAME = 'MergeOutput';
+exports.MergeOutputPlugin = void 0;
 class MergeOutputPlugin {
     constructor(opts) {
         this.opts = opts;
     }
     apply(compiler) {
-        compiler.hooks.compilation.tap(exports.PLUGIN_NAME, (compilation) => {
+        compiler.hooks.compilation.tap(MergeOutputPlugin.pluginName, (compilation) => {
             const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL; // 最早阶段，在优化前
-            compilation.hooks.processAssets.tap({ name: exports.PLUGIN_NAME, stage }, (assets) => {
+            compilation.hooks.processAssets.tap({ name: MergeOutputPlugin.pluginName, stage }, (assets) => {
                 const mergedResult = Object.keys(assets).reduce((result, item) => {
                     if (!this.opts.test(item))
                         return result;
@@ -23,4 +22,5 @@ class MergeOutputPlugin {
     }
 }
 exports.MergeOutputPlugin = MergeOutputPlugin;
+MergeOutputPlugin.pluginName = 'MergeOutput';
 //# sourceMappingURL=merge-output.js.map

package/dist/merge-output.js.map

@@ -1 +1 @@
-{"version":3,"file":"merge-output.js","sourceRoot":"","sources":["../src/merge-output.ts"],"names":[],"mappings":";;;AAEa,QAAA,WAAW,GAAG,aAAa,CAAA;AAOxC,MAAa,iBAAiB;IAG5B,YAAa,IAAoB;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,KAAK,CAAE,QAAkB;QACvB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAW,EAAE,CAAC,WAAwB,EAAE,EAAE;YACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,+BAA+B,CAAA,CAAC,YAAY;YAEvF,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,mBAAW,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC3E,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;oBAC/D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;wBAAE,OAAO,MAAM,CAAA;oBACxC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAA;oBAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;oBACnB,OAAO,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;gBAEN,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;YAClG,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAvBD,8CAuBC"}
+{"version":3,"file":"merge-output.js","sourceRoot":"","sources":["../src/merge-output.ts"],"names":[],"mappings":";;;AAOA,MAAa,iBAAiB;IAK5B,YAAa,IAAoB;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAA;IAClB,CAAC;IAED,KAAK,CAAE,QAAkB;QACvB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,WAAwB,EAAE,EAAE;YACxF,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,+BAA+B,CAAA,CAAC,YAAY;YAEvF,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,iBAAiB,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC5F,MAAM,YAAY,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;oBAC/D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC;wBAAE,OAAO,MAAM,CAAA;oBACxC,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,CAAA;oBAC7C,OAAO,MAAM,CAAC,IAAI,CAAC,CAAA;oBACnB,OAAO,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;gBAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;gBAEN,WAAW,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,UAAW,CAAC,GAAG,IAAI,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,YAAY,CAAC,CAAA;YAClG,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;;AAxBH,8CAyBC;AAtBwB,4BAAU,GAAG,aAAa,CAAA"}

package/dist/transform-before-compression-plugin.d.ts

@@ -9,9 +9,9 @@ export interface PluginOpt {
     test?: RegExp;
     transform: (opt: TransformOpt) => string;
 }
-export declare const PLUGIN_NAME = "TransformBeforeCompression";
 export declare class TransformBeforeCompressionPlugin {
     private readonly opt;
+    static readonly pluginName = "TransformBeforeCompression";
     constructor(opt: PluginOpt);
     apply(compiler: webpack.Compiler): void;
 }

package/dist/transform-before-compression-plugin.js

@@ -3,17 +3,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TransformBeforeCompressionPlugin = exports.PLUGIN_NAME = void 0;
+exports.TransformBeforeCompressionPlugin = void 0;
 const webpack_1 = __importDefault(require("webpack"));
-exports.PLUGIN_NAME = 'TransformBeforeCompression';
 class TransformBeforeCompressionPlugin {
     constructor(opt) {
         this.opt = opt;
     }
     apply(compiler) {
-        compiler.hooks.compilation.tap(exports.PLUGIN_NAME, (compilation) => {
+        compiler.hooks.compilation.tap(TransformBeforeCompressionPlugin.pluginName, (compilation) => {
             const stage = webpack_1.default.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE; // 压缩前
-            compilation.hooks.processAssets.tap({ name: exports.PLUGIN_NAME, stage }, (assets) => {
+            compilation.hooks.processAssets.tap({ name: TransformBeforeCompressionPlugin.pluginName, stage }, (assets) => {
                 const { test, transform } = this.opt;
                 const assetNames = Object.keys(assets);
                 assetNames.forEach((assetName) => {
@@ -28,4 +27,5 @@ class TransformBeforeCompressionPlugin {
     }
 }
 exports.TransformBeforeCompressionPlugin = TransformBeforeCompressionPlugin;
+TransformBeforeCompressionPlugin.pluginName = 'TransformBeforeCompression';
 //# sourceMappingURL=transform-before-compression-plugin.js.map

package/dist/transform-before-compression-plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"transform-before-compression-plugin.js","sourceRoot":"","sources":["../src/transform-before-compression-plugin.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA6B;AAchB,QAAA,WAAW,GAAG,4BAA4B,CAAA;AAEvD,MAAa,gCAAgC;IAG3C,YAAa,GAAc;QACzB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,KAAK,CAAE,QAA0B;QAC/B,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAW,EAAE,CAAC,WAAgC,EAAE,EAAE;YAC/E,MAAM,KAAK,GAAG,iBAAO,CAAC,WAAW,CAAC,6BAA6B,CAAA,CAAC,MAAM;YAEtE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,mBAAW,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC3E,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,GAAG,CAAA;gBAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC/B,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;wBAAE,OAAM;oBAE1C,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,CAAA;oBAEzC,MAAM,eAAe,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,CAAA;oBAEhF,WAAW,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,iBAAO,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;gBACpF,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AA5BD,4EA4BC"}
+{"version":3,"file":"transform-before-compression-plugin.js","sourceRoot":"","sources":["../src/transform-before-compression-plugin.ts"],"names":[],"mappings":";;;;;;AAAA,sDAA6B;AAc7B,MAAa,gCAAgC;IAK3C,YAAa,GAAc;QACzB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,KAAK,CAAE,QAA0B;QAC/B,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,gCAAgC,CAAC,UAAU,EAAE,CAAC,WAAgC,EAAE,EAAE;YAC/G,MAAM,KAAK,GAAG,iBAAO,CAAC,WAAW,CAAC,6BAA6B,CAAA,CAAC,MAAM;YAEtE,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,gCAAgC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC3G,MAAM,EAAE,IAAI,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,GAAG,CAAA;gBAEpC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;gBAEtC,UAAU,CAAC,OAAO,CAAC,CAAC,SAAS,EAAE,EAAE;oBAC/B,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;wBAAE,OAAM;oBAE1C,MAAM,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC,MAAM,EAAE,CAAA;oBAEzC,MAAM,eAAe,GAAG,SAAS,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAkB,CAAC,CAAA;oBAEhF,WAAW,CAAC,WAAW,CAAC,SAAS,EAAE,IAAI,iBAAO,CAAC,OAAO,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC,CAAA;gBACpF,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;;AA7BH,4EA8BC;AA3BwB,2CAAU,GAAG,4BAA4B,CAAA"}

package/dist/utils.js

@@ -16,7 +16,7 @@ const generateKeyByOrder = (order) => {
 exports.generateKeyByOrder = generateKeyByOrder;
 const generateDefaultDynamicPackageName = (opt) => {
     if (!(0, exports.isNumber)(opt.order) || opt.dynamicPackageCount <= 1)
-        return opt.dynamicPackageNamePrefix;
+        return `${opt.dynamicPackageNamePrefix}-default`;
     return `${opt.dynamicPackageNamePrefix}-${(0, exports.generateKeyByOrder)(opt.order)}`;
 };
 exports.generateDefaultDynamicPackageName = generateDefaultDynamicPackageName;
@@ -37,7 +37,7 @@ const isNumber = (val) => {
 };
 exports.isNumber = isNumber;
 const isDefaultDynamicPackageAsset = (opt, assetName) => {
-    const dynamicModuleRegExp = new RegExp(`^${opt.dynamicPackageNamePrefix}(?:-[a-z]{2})?/`);
+    const dynamicModuleRegExp = new RegExp(`^${opt.dynamicPackageNamePrefix}(?:-([a-z]{2}|default))?/`);
     return dynamicModuleRegExp.test(assetName);
 };
 exports.isDefaultDynamicPackageAsset = isDefaultDynamicPackageAsset;
@@ -53,7 +53,8 @@ const isDynamicPackageAsset = (opt, assetName) => {
 };
 exports.isDynamicPackageAsset = isDynamicPackageAsset;
 const isAsyncStyleDynamicPackageAsset = (opt, assetName) => {
-    const asyncStylDynamicPackageNames = opt.customDynamicPackages.filter(item => item.asyncStyle).map(item => `${opt.dynamicPackageNamePrefix}-${item.name}`);
+    const asyncStyleDynamicPackages = opt.customDynamicPackages.filter(item => item.asyncStyle);
+    const asyncStylDynamicPackageNames = asyncStyleDynamicPackages.map(item => (0, exports.generateCustomDynamicPackageName)(opt, item.name));
     if (!asyncStylDynamicPackageNames.length)
         return false;
     return new RegExp(`^(${asyncStylDynamicPackageNames.join('|')})/`).test(assetName);

package/dist/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@taro-minify-pack/plugin-async-pack",
-  "version": "0.1.3-alpha.1",
+  "version": "0.1.4-alpha.0",
   "description": "",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -21,6 +21,7 @@
     "@babel/template": "^7.26.9",
     "@babel/traverse": "^7.26.10",
     "@babel/types": "^7.26.10",
+    "tapable": "^2.3.3",
     "webpack": "^5.98.0",
     "webpack-sources": "^3.2.3"
   },

package/src/index.ts

@@ -3,14 +3,9 @@ import type { Module, PathData } from 'webpack'
 import { transformWebpackRuntime } from './transform-webpack-runtime'
 import {
   TransformOpt,
-  TransformBeforeCompressionPlugin,
-  PLUGIN_NAME as TransformBeforeCompressionPluginName
+  TransformBeforeCompressionPlugin
 } from './transform-before-compression-plugin'
-import {
-  InjectStyleComponentPlugin,
-  PLUGIN_NAME as InjectStyleComponentPluginName,
-  InjectStyleComponentName
-} from './inject-style-component'
+import { InjectDynamicStylePlugin } from './inject-dynamic-style'
 import { transformAppConfig } from './transform-app-config'
 import { transformPagesWXml } from './transform-pages-wxml'
 import {
@@ -20,9 +15,10 @@ import {
 } from './utils'
 import { AsyncPackOpts } from './types'
 import { transformAppStylesheet } from './transform-app-stylesheet'
-import { MergeOutputPlugin, PLUGIN_NAME as MergeOutputPluginName } from './merge-output'
+import { MergeOutputPlugin } from './merge-output'
 
-export { AsyncPackOpts } from './types'
+export * from './types'
+export * from './inject-dynamic-style'
 
 const dynamicPackOptsDefaultOpt: AsyncPackOpts = {
   dynamicPackageNamePrefix: 'dynamic-package',
@@ -80,7 +76,7 @@ export default (ctx: IPluginContext, pluginOpts: Partial<AsyncPackOpts>) => {
         return [{ ...options, chunkFilename }]
       })
 
-    chain.plugin(TransformBeforeCompressionPluginName).use(TransformBeforeCompressionPlugin, [{
+    chain.plugin(TransformBeforeCompressionPlugin.pluginName).use(TransformBeforeCompressionPlugin, [{
       test: /^(runtime\.js|app\.wxss)$/,
       transform: (opt: TransformOpt) => {
         const { source, assetName, assets } = opt
@@ -91,12 +87,16 @@ export default (ctx: IPluginContext, pluginOpts: Partial<AsyncPackOpts>) => {
       }
     }])
 
-    chain.plugin(MergeOutputPluginName).use(MergeOutputPlugin, [{
-      test: (assetName: string) => matchSuffix('wxss', assetName) && isSyncStyleDynamicPackageAsset(finalOpts, assetName),
+    chain.plugin(MergeOutputPlugin.pluginName).use(MergeOutputPlugin, [{
+      test: (assetName: string) => {
+        const isStyleAsset = matchSuffix('wxss', assetName)
+        const isInjectDynamicStyleAsset = new RegExp(`${InjectDynamicStylePlugin.componentName}\\.wxss$`).test(assetName)
+        return isStyleAsset && !isInjectDynamicStyleAsset && isSyncStyleDynamicPackageAsset(finalOpts, assetName)
+      },
       outputFile: `${finalOpts.dynamicPackageNamePrefix}.wxss`
     }])
 
-    chain.plugin(InjectStyleComponentPluginName).use(InjectStyleComponentPlugin, [finalOpts])
+    chain.plugin(InjectDynamicStylePlugin.pluginName).use(InjectDynamicStylePlugin, [finalOpts])
   })
 
   ctx.modifyBuildAssets(({ assets }) => {
@@ -104,11 +104,12 @@ export default (ctx: IPluginContext, pluginOpts: Partial<AsyncPackOpts>) => {
 
     if (!hasDynamicModule) return
 
-    const asyncComponents = finalOpts.customDynamicPackages.filter(item => item.asyncStyle).reduce((result, item) => {
-      const { name: packageName } = item
-      const componentName = `${InjectStyleComponentName}-${packageName}`
-      const customDynamicPackageName = generateCustomDynamicPackageName(finalOpts, packageName)
-      return { ...result, [componentName]: `${customDynamicPackageName}/${InjectStyleComponentName}` }
+    const asyncComponents = Object.keys(assets).reduce((result, assetName) => {
+      const regExp = new RegExp(`^(${finalOpts.dynamicPackageNamePrefix}-([^/]+)/${InjectDynamicStylePlugin.componentName})\\.json$`)
+      const [_, fullPathWithoutExt, key] = assetName.match(regExp) || []
+      if (!isDynamicPackageAsset(finalOpts, assetName) || !key) return result
+      const componentName = `${InjectDynamicStylePlugin.componentName}-${key}`
+      return { ...result, [componentName]: fullPathWithoutExt }
     }, {})
 
     transformAppConfig({ ...finalOpts, assets, asyncComponents })

package/src/inject-dynamic-style.ts

@@ -0,0 +1,87 @@
+import { Compiler, Compilation } from 'webpack'
+import path from 'path'
+import { AsyncPackOpts } from './types'
+import { RawSource } from 'webpack-sources'
+import { generateCustomDynamicPackageName } from './utils'
+import { SyncHook } from 'tapable'
+
+export interface InjectDynamicStyleOpt{
+  key: string
+  stylesheet: string
+}
+
+export interface Hooks {
+  emitDynamicStyle: SyncHook<InjectDynamicStyleOpt>;
+}
+
+type Opt = AsyncPackOpts
+
+export class InjectDynamicStylePlugin {
+  private readonly opt: Opt
+
+  private readonly WXmlContent: string = '<block/>'
+
+  private readonly JsonContent:string = '{"component": true,"styleIsolation": "shared"}'
+
+  private readonly JsContent: string = 'Component({})'
+
+  public static readonly pluginName = 'InjectDynamicStyle'
+
+  public static readonly componentName = 'inject-dynamic-style'
+
+  private static readonly hooksMap: WeakMap<Compilation, Hooks> = new WeakMap<Compilation, Hooks>()
+
+  private dynamicStyleMap: Map<string, InjectDynamicStyleOpt> = new Map()
+
+  constructor (opt: Opt) {
+    this.opt = opt
+  }
+
+  public static getCompilationHooks (compilation: Compilation) {
+    if (!this.hooksMap.has(compilation)) {
+      const emitDynamicStyle = new SyncHook<InjectDynamicStyleOpt>(['emitDynamicStyleOpt'])
+      this.hooksMap.set(compilation, { emitDynamicStyle })
+    }
+    return this.hooksMap.get(compilation)
+  }
+
+  injectDynamicStyleCode (compilation: Compilation, opt:InjectDynamicStyleOpt) {
+    const { key, stylesheet } = opt
+    const componentPath = `${key}/${InjectDynamicStylePlugin.componentName}`
+    compilation.assets[`${componentPath}.wxss`] = new RawSource(stylesheet)
+    compilation.assets[`${componentPath}.wxml`] = new RawSource(this.WXmlContent)
+    compilation.assets[`${componentPath}.json`] = new RawSource(this.JsonContent)
+    compilation.assets[`${componentPath}.js`] = new RawSource(this.JsContent)
+  }
+
+  apply (compiler: Compiler) {
+    compiler.hooks.compilation.tap(InjectDynamicStylePlugin.pluginName, (compilation: Compilation) => {
+      const hooks = InjectDynamicStylePlugin.getCompilationHooks(compilation)
+
+      const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL // 最早阶段，在优化前
+
+      hooks?.emitDynamicStyle.tap(InjectDynamicStylePlugin.pluginName, (opt) => this.dynamicStyleMap.set(opt.key, opt))
+
+      compilation.hooks.processAssets.tap({ name: InjectDynamicStylePlugin.pluginName, stage }, (assets) => {
+        const { customDynamicPackages } = this.opt
+
+        customDynamicPackages.forEach(customDynamicPackageItem => {
+          if (!customDynamicPackageItem.asyncStyle) return
+
+          const customDynamicPackageName = generateCustomDynamicPackageName(this.opt, customDynamicPackageItem.name)
+
+          const styleFileContent = Object.keys(assets).reduce((result, assetPath) => {
+            if (!new RegExp(`^${customDynamicPackageName}\\/.*\\.wxss$`).test(assetPath)) return result
+            const relativePath = path.posix.relative(customDynamicPackageName, assetPath)
+            const code = `@import './${relativePath}';`
+            return result + code + '\n'
+          }, '')
+
+          this.dynamicStyleMap.set(customDynamicPackageName, { key: customDynamicPackageName, stylesheet: styleFileContent })
+        })
+
+        this.dynamicStyleMap.forEach((opt) => this.injectDynamicStyleCode(compilation, opt))
+      })
+    })
+  }
+}

package/src/merge-output.ts

@@ -1,7 +1,5 @@
 import { Compiler, Compilation } from 'webpack'
 
-export const PLUGIN_NAME = 'MergeOutput'
-
 interface MergeOutputOpt {
     test: (assetName: string) => boolean,
     outputFile: string,
@@ -10,15 +8,17 @@ interface MergeOutputOpt {
 export class MergeOutputPlugin {
   private readonly opts: MergeOutputOpt
 
+  public static readonly pluginName = 'MergeOutput'
+
   constructor (opts: MergeOutputOpt) {
     this.opts = opts
   }
 
   apply (compiler: Compiler) {
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation: Compilation) => {
+    compiler.hooks.compilation.tap(MergeOutputPlugin.pluginName, (compilation: Compilation) => {
       const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL // 最早阶段，在优化前
 
-      compilation.hooks.processAssets.tap({ name: PLUGIN_NAME, stage }, (assets) => {
+      compilation.hooks.processAssets.tap({ name: MergeOutputPlugin.pluginName, stage }, (assets) => {
         const mergedResult = Object.keys(assets).reduce((result, item) => {
           if (!this.opts.test(item)) return result
           const code = assets[item].source().toString()

package/src/transform-before-compression-plugin.ts

@@ -12,20 +12,20 @@ export interface PluginOpt {
     transform: (opt: TransformOpt) => string;
 }
 
-export const PLUGIN_NAME = 'TransformBeforeCompression'
-
 export class TransformBeforeCompressionPlugin {
   private readonly opt: PluginOpt
 
+  public static readonly pluginName = 'TransformBeforeCompression'
+
   constructor (opt: PluginOpt) {
     this.opt = opt
   }
 
   apply (compiler: webpack.Compiler) {
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation: webpack.Compilation) => {
+    compiler.hooks.compilation.tap(TransformBeforeCompressionPlugin.pluginName, (compilation: webpack.Compilation) => {
       const stage = webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE // 压缩前
 
-      compilation.hooks.processAssets.tap({ name: PLUGIN_NAME, stage }, (assets) => {
+      compilation.hooks.processAssets.tap({ name: TransformBeforeCompressionPlugin.pluginName, stage }, (assets) => {
         const { test, transform } = this.opt
 
         const assetNames = Object.keys(assets)

package/src/utils.ts

@@ -14,7 +14,7 @@ export const generateKeyByOrder = (order: number) => {
 }
 
 export const generateDefaultDynamicPackageName = (opt: AsyncPackOpts & { order?: number }) => {
-  if (!isNumber(opt.order) || opt.dynamicPackageCount <= 1) return opt.dynamicPackageNamePrefix
+  if (!isNumber(opt.order) || opt.dynamicPackageCount <= 1) return `${opt.dynamicPackageNamePrefix}-default`
   return `${opt.dynamicPackageNamePrefix}-${generateKeyByOrder(opt.order!)}`
 }
 
@@ -34,7 +34,7 @@ export const isNumber = (val: any) => {
 }
 
 export const isDefaultDynamicPackageAsset = (opt: AsyncPackOpts, assetName: string) => {
-  const dynamicModuleRegExp = new RegExp(`^${opt.dynamicPackageNamePrefix}(?:-[a-z]{2})?/`)
+  const dynamicModuleRegExp = new RegExp(`^${opt.dynamicPackageNamePrefix}(?:-([a-z]{2}|default))?/`)
   return dynamicModuleRegExp.test(assetName)
 }
 
@@ -49,7 +49,8 @@ export const isDynamicPackageAsset = (opt: AsyncPackOpts, assetName: string) =>
 }
 
 export const isAsyncStyleDynamicPackageAsset = (opt: AsyncPackOpts, assetName: string) => {
-  const asyncStylDynamicPackageNames = opt.customDynamicPackages.filter(item => item.asyncStyle).map(item => `${opt.dynamicPackageNamePrefix}-${item.name}`)
+  const asyncStyleDynamicPackages = opt.customDynamicPackages.filter(item => item.asyncStyle)
+  const asyncStylDynamicPackageNames = asyncStyleDynamicPackages.map(item => generateCustomDynamicPackageName(opt, item.name))
   if (!asyncStylDynamicPackageNames.length) return false
   return new RegExp(`^(${asyncStylDynamicPackageNames.join('|')})/`).test(assetName)
 }

package/dist/inject-style-component.d.ts

@@ -1,14 +0,0 @@
-import { Compiler } from 'webpack';
-import { AsyncPackOpts } from './types';
-export declare const PLUGIN_NAME = "InjectStyleComponent";
-export declare const InjectStyleComponentName = "inject-style";
-type Opt = AsyncPackOpts;
-export declare class InjectStyleComponentPlugin {
-    private readonly opt;
-    private readonly WXmlContent;
-    private readonly JsonContent;
-    private readonly JsContent;
-    constructor(opt: Opt);
-    apply(compiler: Compiler): void;
-}
-export {};

package/dist/inject-style-component.js

@@ -1,46 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.InjectStyleComponentPlugin = exports.InjectStyleComponentName = exports.PLUGIN_NAME = void 0;
-const path_1 = __importDefault(require("path"));
-const webpack_sources_1 = require("webpack-sources");
-const utils_1 = require("./utils");
-exports.PLUGIN_NAME = 'InjectStyleComponent';
-exports.InjectStyleComponentName = 'inject-style';
-class InjectStyleComponentPlugin {
-    constructor(opt) {
-        this.WXmlContent = '<block/>';
-        this.JsonContent = '{"component": true,"styleIsolation": "shared"}';
-        this.JsContent = 'Component({})';
-        this.opt = opt;
-    }
-    apply(compiler) {
-        compiler.hooks.compilation.tap(exports.PLUGIN_NAME, (compilation) => {
-            const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL; // 最早阶段，在优化前
-            compilation.hooks.processAssets.tap({ name: exports.PLUGIN_NAME, stage }, (assets) => {
-                const { customDynamicPackages } = this.opt;
-                customDynamicPackages.forEach(customDynamicPackageItem => {
-                    if (!customDynamicPackageItem.asyncStyle)
-                        return;
-                    const customDynamicPackageName = (0, utils_1.generateCustomDynamicPackageName)(this.opt, customDynamicPackageItem.name);
-                    const styleFileContent = Object.keys(assets).reduce((result, assetPath) => {
-                        if (!new RegExp(`^${customDynamicPackageName}\\/.*\\.wxss$`).test(assetPath))
-                            return result;
-                        const relativePath = path_1.default.posix.relative(customDynamicPackageName, assetPath);
-                        const code = `@import './${relativePath}';`;
-                        return result + code + '\n';
-                    }, '');
-                    const componentPath = `${customDynamicPackageName}/${exports.InjectStyleComponentName}`;
-                    compilation.assets[`${componentPath}.wxss`] = new webpack_sources_1.RawSource(styleFileContent);
-                    compilation.assets[`${componentPath}.wxml`] = new webpack_sources_1.RawSource(this.WXmlContent);
-                    compilation.assets[`${componentPath}.json`] = new webpack_sources_1.RawSource(this.JsonContent);
-                    compilation.assets[`${componentPath}.js`] = new webpack_sources_1.RawSource(this.JsContent);
-                });
-            });
-        });
-    }
-}
-exports.InjectStyleComponentPlugin = InjectStyleComponentPlugin;
-//# sourceMappingURL=inject-style-component.js.map

package/dist/inject-style-component.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"inject-style-component.js","sourceRoot":"","sources":["../src/inject-style-component.ts"],"names":[],"mappings":";;;;;;AACA,gDAAuB;AAEvB,qDAA2C;AAC3C,mCAA0D;AAE7C,QAAA,WAAW,GAAG,sBAAsB,CAAA;AAEpC,QAAA,wBAAwB,GAAG,cAAc,CAAA;AAItD,MAAa,0BAA0B;IASrC,YAAa,GAAQ;QANJ,gBAAW,GAAW,UAAU,CAAA;QAEhC,gBAAW,GAAU,gDAAgD,CAAA;QAErE,cAAS,GAAW,eAAe,CAAA;QAGlD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAChB,CAAC;IAED,KAAK,CAAE,QAAkB;QACvB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAAC,mBAAW,EAAE,CAAC,WAAwB,EAAE,EAAE;YACvE,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAO,CAAC,WAAW,CAAC,+BAA+B,CAAA,CAAC,YAAY;YAEvF,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,mBAAW,EAAE,KAAK,EAAE,EAAE,CAAC,MAAM,EAAE,EAAE;gBAC3E,MAAM,EAAE,qBAAqB,EAAE,GAAG,IAAI,CAAC,GAAG,CAAA;gBAE1C,qBAAqB,CAAC,OAAO,CAAC,wBAAwB,CAAC,EAAE;oBACvD,IAAI,CAAC,wBAAwB,CAAC,UAAU;wBAAE,OAAM;oBAEhD,MAAM,wBAAwB,GAAG,IAAA,wCAAgC,EAAC,IAAI,CAAC,GAAG,EAAE,wBAAwB,CAAC,IAAI,CAAC,CAAA;oBAE1G,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,EAAE,SAAS,EAAE,EAAE;wBACxE,IAAI,CAAC,IAAI,MAAM,CAAC,IAAI,wBAAwB,eAAe,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC;4BAAE,OAAO,MAAM,CAAA;wBAC3F,MAAM,YAAY,GAAG,cAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,wBAAwB,EAAE,SAAS,CAAC,CAAA;wBAC7E,MAAM,IAAI,GAAG,cAAc,YAAY,IAAI,CAAA;wBAC3C,OAAO,MAAM,GAAG,IAAI,GAAG,IAAI,CAAA;oBAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;oBAEN,MAAM,aAAa,GAAG,GAAG,wBAAwB,IAAI,gCAAwB,EAAE,CAAA;oBAC/E,WAAW,CAAC,MAAM,CAAC,GAAG,aAAa,OAAO,CAAC,GAAG,IAAI,2BAAS,CAAC,gBAAgB,CAAC,CAAA;oBAC7E,WAAW,CAAC,MAAM,CAAC,GAAG,aAAa,OAAO,CAAC,GAAG,IAAI,2BAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;oBAC7E,WAAW,CAAC,MAAM,CAAC,GAAG,aAAa,OAAO,CAAC,GAAG,IAAI,2BAAS,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;oBAC7E,WAAW,CAAC,MAAM,CAAC,GAAG,aAAa,KAAK,CAAC,GAAG,IAAI,2BAAS,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;gBAC3E,CAAC,CAAC,CAAA;YACJ,CAAC,CAAC,CAAA;QACJ,CAAC,CAAC,CAAA;IACJ,CAAC;CACF;AAzCD,gEAyCC"}

package/src/inject-style-component.ts

@@ -1,54 +0,0 @@
-import { Compiler, Compilation } from 'webpack'
-import path from 'path'
-import { AsyncPackOpts } from './types'
-import { RawSource } from 'webpack-sources'
-import { generateCustomDynamicPackageName } from './utils'
-
-export const PLUGIN_NAME = 'InjectStyleComponent'
-
-export const InjectStyleComponentName = 'inject-style'
-
-type Opt = AsyncPackOpts
-
-export class InjectStyleComponentPlugin {
-  private readonly opt: Opt
-
-  private readonly WXmlContent: string = '<block/>'
-
-  private readonly JsonContent:string = '{"component": true,"styleIsolation": "shared"}'
-
-  private readonly JsContent: string = 'Component({})'
-
-  constructor (opt: Opt) {
-    this.opt = opt
-  }
-
-  apply (compiler: Compiler) {
-    compiler.hooks.compilation.tap(PLUGIN_NAME, (compilation: Compilation) => {
-      const stage = compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_ADDITIONAL // 最早阶段，在优化前
-
-      compilation.hooks.processAssets.tap({ name: PLUGIN_NAME, stage }, (assets) => {
-        const { customDynamicPackages } = this.opt
-
-        customDynamicPackages.forEach(customDynamicPackageItem => {
-          if (!customDynamicPackageItem.asyncStyle) return
-
-          const customDynamicPackageName = generateCustomDynamicPackageName(this.opt, customDynamicPackageItem.name)
-
-          const styleFileContent = Object.keys(assets).reduce((result, assetPath) => {
-            if (!new RegExp(`^${customDynamicPackageName}\\/.*\\.wxss$`).test(assetPath)) return result
-            const relativePath = path.posix.relative(customDynamicPackageName, assetPath)
-            const code = `@import './${relativePath}';`
-            return result + code + '\n'
-          }, '')
-
-          const componentPath = `${customDynamicPackageName}/${InjectStyleComponentName}`
-          compilation.assets[`${componentPath}.wxss`] = new RawSource(styleFileContent)
-          compilation.assets[`${componentPath}.wxml`] = new RawSource(this.WXmlContent)
-          compilation.assets[`${componentPath}.json`] = new RawSource(this.JsonContent)
-          compilation.assets[`${componentPath}.js`] = new RawSource(this.JsContent)
-        })
-      })
-    })
-  }
-}