@arkxio/ark-dev-utils 0.1.0 → 0.1.2

package/dist/ark-dev-utils.js

@@ -568,8 +568,14 @@
     return assetItem;
   }
 
+  // 注意：这个变量需要在每次编译时重置
+  // 不在这里维护，而是通过 options 传递
   let custScriptIdx = 0;
 
+  function resetScriptIdx() {
+    custScriptIdx = 0;
+  }
+
   /**
    * @param {HTMLScriptElement | HTMLStyleElement} childDom
    * @param {string} fileType
@@ -965,11 +971,22 @@
       verbose('[begin] write memory ark meta ' + metaFilename);
 
       const metaContent = JSON.stringify(arkMeta, null, 2);
-      // 写入 webpack 内存文件系统
-      userExtractOptions.compilation.assets[metaFilename] = {
-        source: () => metaContent,
-        size: () => metaContent.length
-      };
+      const compilation = userExtractOptions.compilation;
+
+      // Webpack 5 正确的 API：使用 emitAsset
+      if (compilation.emitAsset) {
+        const { sources } = compilation.compiler.webpack;
+        compilation.emitAsset(
+          metaFilename,
+          new sources.RawSource(metaContent)
+        );
+      } else {
+        // Webpack 4 兼容
+        compilation.assets[metaFilename] = {
+          source: () => metaContent,
+          size: () => metaContent.length
+        };
+      }
       verbose('[finish] write memory ark meta ' + metaFilename);
     }else if (writeMetaJsonToDist) {
       // 生产模式：写入物理文件
@@ -1119,6 +1136,8 @@
     '@arkxio/ark-micro-core': 'ArkMicroCore',
     '@arkxio/ark-lib-proxy': 'ArkLibProxy',
     '@arkxio/ark-micro': 'ArkMicro',
+    // 'echarts': 'echarts',
+    // 'tinymce': 'tinymce'
     //   "loadjs": {  //将vue依赖 "外部化"，不打包进组件库
     //     root: 'loadjs',
     //     commonjs: 'loadjs',
@@ -1139,6 +1158,11 @@
       compiler.context;
       const useExtractOptions = this.metaOptions;
 
+      // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+      compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+        resetScriptIdx();
+      });
+
       compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
         compilation.hooks.processAssets.tap(
           {
@@ -1210,23 +1234,11 @@
       });
 
       compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-        const assets = compilation.assets;
-        const outputPath = compilation.options.output.publicPath;
-        const jsFiles = [];
-        Object.keys(assets).forEach((assetName) => {
-          if (assetName.endsWith('.js')) {
-            console.log('Final JS file:', assetName);
-            if (assetName.indexOf('js/app.') !== -1) {
-              jsFiles.push(outputPath + assetName);
-            }
-          }
-        });
-
         // 注入环境判断脚本
         const isDev = process.env.NODE_ENV === 'development';
         await extractArkMetaJson({
           ...useExtractOptions,
-          chunkJsFiles: jsFiles,
+          // chunkJsFiles 将从 HTML 中的内联 script 提取，不需要在这里传递
           isDev: isDev,
           compilation: compilation
         });

package/dist/ark-dev-utils.min.js

@@ -568,8 +568,14 @@
     return assetItem;
   }
 
+  // 注意：这个变量需要在每次编译时重置
+  // 不在这里维护，而是通过 options 传递
   let custScriptIdx = 0;
 
+  function resetScriptIdx() {
+    custScriptIdx = 0;
+  }
+
   /**
    * @param {HTMLScriptElement | HTMLStyleElement} childDom
    * @param {string} fileType
@@ -965,11 +971,22 @@
       verbose('[begin] write memory ark meta ' + metaFilename);
 
       const metaContent = JSON.stringify(arkMeta, null, 2);
-      // 写入 webpack 内存文件系统
-      userExtractOptions.compilation.assets[metaFilename] = {
-        source: () => metaContent,
-        size: () => metaContent.length
-      };
+      const compilation = userExtractOptions.compilation;
+
+      // Webpack 5 正确的 API：使用 emitAsset
+      if (compilation.emitAsset) {
+        const { sources } = compilation.compiler.webpack;
+        compilation.emitAsset(
+          metaFilename,
+          new sources.RawSource(metaContent)
+        );
+      } else {
+        // Webpack 4 兼容
+        compilation.assets[metaFilename] = {
+          source: () => metaContent,
+          size: () => metaContent.length
+        };
+      }
       verbose('[finish] write memory ark meta ' + metaFilename);
     }else if (writeMetaJsonToDist) {
       // 生产模式：写入物理文件
@@ -1119,6 +1136,8 @@
     '@arkxio/ark-micro-core': 'ArkMicroCore',
     '@arkxio/ark-lib-proxy': 'ArkLibProxy',
     '@arkxio/ark-micro': 'ArkMicro',
+    // 'echarts': 'echarts',
+    // 'tinymce': 'tinymce'
     //   "loadjs": {  //将vue依赖 "外部化"，不打包进组件库
     //     root: 'loadjs',
     //     commonjs: 'loadjs',
@@ -1139,6 +1158,11 @@
       compiler.context;
       const useExtractOptions = this.metaOptions;
 
+      // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+      compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+        resetScriptIdx();
+      });
+
       compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
         compilation.hooks.processAssets.tap(
           {
@@ -1210,23 +1234,11 @@
       });
 
       compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-        const assets = compilation.assets;
-        const outputPath = compilation.options.output.publicPath;
-        const jsFiles = [];
-        Object.keys(assets).forEach((assetName) => {
-          if (assetName.endsWith('.js')) {
-            console.log('Final JS file:', assetName);
-            if (assetName.indexOf('js/app.') !== -1) {
-              jsFiles.push(outputPath + assetName);
-            }
-          }
-        });
-
         // 注入环境判断脚本
         const isDev = process.env.NODE_ENV === 'development';
         await extractArkMetaJson({
           ...useExtractOptions,
-          chunkJsFiles: jsFiles,
+          // chunkJsFiles 将从 HTML 中的内联 script 提取，不需要在这里传递
           isDev: isDev,
           compilation: compilation
         });

package/lib/index.js

@@ -573,8 +573,14 @@ function buildAssetItem(tag, /** @type {IAssetInfo} */ assetInfo) {
   return assetItem;
 }
 
+// 注意：这个变量需要在每次编译时重置
+// 不在这里维护，而是通过 options 传递
 let custScriptIdx = 0;
 
+function resetScriptIdx() {
+  custScriptIdx = 0;
+}
+
 /**
  * @param {HTMLScriptElement | HTMLStyleElement} childDom
  * @param {string} fileType
@@ -970,11 +976,22 @@ async function extractArkMetaJson(userExtractOptions) {
     verbose('[begin] write memory ark meta ' + metaFilename);
 
     const metaContent = JSON.stringify(arkMeta, null, 2);
-    // 写入 webpack 内存文件系统
-    userExtractOptions.compilation.assets[metaFilename] = {
-      source: () => metaContent,
-      size: () => metaContent.length
-    };
+    const compilation = userExtractOptions.compilation;
+
+    // Webpack 5 正确的 API：使用 emitAsset
+    if (compilation.emitAsset) {
+      const { sources } = compilation.compiler.webpack;
+      compilation.emitAsset(
+        metaFilename,
+        new sources.RawSource(metaContent)
+      );
+    } else {
+      // Webpack 4 兼容
+      compilation.assets[metaFilename] = {
+        source: () => metaContent,
+        size: () => metaContent.length
+      };
+    }
     verbose('[finish] write memory ark meta ' + metaFilename);
   }else if (writeMetaJsonToDist) {
     // 生产模式：写入物理文件
@@ -1124,6 +1141,8 @@ var ExternalsDefault = {
   '@arkxio/ark-micro-core': 'ArkMicroCore',
   '@arkxio/ark-lib-proxy': 'ArkLibProxy',
   '@arkxio/ark-micro': 'ArkMicro',
+  // 'echarts': 'echarts',
+  // 'tinymce': 'tinymce'
   //   "loadjs": {  //将vue依赖 "外部化"，不打包进组件库
   //     root: 'loadjs',
   //     commonjs: 'loadjs',
@@ -1144,6 +1163,11 @@ class ArkWebpackPlugin {
     compiler.context;
     const useExtractOptions = this.metaOptions;
 
+    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+      resetScriptIdx();
+    });
+
     compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
       compilation.hooks.processAssets.tap(
         {
@@ -1215,23 +1239,11 @@ class ArkWebpackPlugin {
     });
 
     compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-      const assets = compilation.assets;
-      const outputPath = compilation.options.output.publicPath;
-      const jsFiles = [];
-      Object.keys(assets).forEach((assetName) => {
-        if (assetName.endsWith('.js')) {
-          console.log('Final JS file:', assetName);
-          if (assetName.indexOf('js/app.') !== -1) {
-            jsFiles.push(outputPath + assetName);
-          }
-        }
-      });
-
       // 注入环境判断脚本
       const isDev = process.env.NODE_ENV === 'development';
       await extractArkMetaJson({
         ...useExtractOptions,
-        chunkJsFiles: jsFiles,
+        // chunkJsFiles 将从 HTML 中的内联 script 提取，不需要在这里传递
         isDev: isDev,
         compilation: compilation
       });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkxio/ark-dev-utils",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description": "ark dev utils",
   "repository": {
     "type": "git",

package/src/ArkWebpackPlugin.js

@@ -2,6 +2,7 @@ import path from "path";
 import extractArkMetaJson from './meta-extractor/index';
 import {verbose} from "./inner-utils";
 import { Compilation } from 'webpack';
+import { resetScriptIdx } from './meta-extractor/fillAssetList';
 
 export default class ArkWebpackPlugin {
 
@@ -14,6 +15,11 @@ export default class ArkWebpackPlugin {
     const projectRoot = compiler.context;
     const useExtractOptions = this.metaOptions;
 
+    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+      resetScriptIdx();
+    });
+
     compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
       compilation.hooks.processAssets.tap(
         {
@@ -85,23 +91,11 @@ export default class ArkWebpackPlugin {
     });
 
     compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-      const assets = compilation.assets;
-      const outputPath = compilation.options.output.publicPath;
-      const jsFiles = []
-      Object.keys(assets).forEach((assetName) => {
-        if (assetName.endsWith('.js')) {
-          console.log('Final JS file:', assetName);
-          if (assetName.indexOf('js/app.') !== -1) {
-            jsFiles.push(outputPath + assetName);
-          }
-        }
-      });
-
       // 注入环境判断脚本
       const isDev = process.env.NODE_ENV === 'development';
       const arkMeta = await extractArkMetaJson({
         ...useExtractOptions,
-        chunkJsFiles: jsFiles,
+        // chunkJsFiles 将从 HTML 中的内联 script 提取，不需要在这里传递
         isDev: isDev,
         compilation: compilation
       });

package/src/configs/externalsDefault.js

@@ -12,6 +12,8 @@ export default {
   '@arkxio/ark-micro-core': 'ArkMicroCore',
   '@arkxio/ark-lib-proxy': 'ArkLibProxy',
   '@arkxio/ark-micro': 'ArkMicro',
+  // 'echarts': 'echarts',
+  // 'tinymce': 'tinymce'
   //   "loadjs": {  //将vue依赖 "外部化"，不打包进组件库
   //     root: 'loadjs',
   //     commonjs: 'loadjs',

package/src/meta-extractor/fillAssetList.js

@@ -64,8 +64,14 @@ function buildAssetItem(tag, /** @type {IAssetInfo} */ assetInfo) {
   return assetItem;
 }
 
+// 注意：这个变量需要在每次编译时重置
+// 不在这里维护，而是通过 options 传递
 let custScriptIdx = 0;
 
+export function resetScriptIdx() {
+  custScriptIdx = 0;
+}
+
 /**
  * @param {HTMLScriptElement | HTMLStyleElement} childDom
  * @param {string} fileType

package/src/meta-extractor/index.js

@@ -56,11 +56,22 @@ export default async function extractArkMetaJson(userExtractOptions) {
     verbose('[begin] write memory ark meta ' + metaFilename)
 
     const metaContent = JSON.stringify(arkMeta, null, 2);
-    // 写入 webpack 内存文件系统
-    userExtractOptions.compilation.assets[metaFilename] = {
-      source: () => metaContent,
-      size: () => metaContent.length
-    };
+    const compilation = userExtractOptions.compilation;
+
+    // Webpack 5 正确的 API：使用 emitAsset
+    if (compilation.emitAsset) {
+      const { sources } = compilation.compiler.webpack;
+      compilation.emitAsset(
+        metaFilename,
+        new sources.RawSource(metaContent)
+      );
+    } else {
+      // Webpack 4 兼容
+      compilation.assets[metaFilename] = {
+        source: () => metaContent,
+        size: () => metaContent.length
+      };
+    }
     verbose('[finish] write memory ark meta ' + metaFilename)
   }else if (writeMetaJsonToDist) {
     // 生产模式：写入物理文件