@arkxio/ark-dev-utils 0.1.8 → 0.1.9

package/lib/index.js

@@ -1184,134 +1184,124 @@ var ExternalsDefault = {
 
  };
 
-class ArkWebpackPlugin {
-
-  constructor(options) {
-    this.metaOptions = options;
-  }
-
-  apply(compiler) {
-    // 获取项目根目录路径
-    compiler.context;
-    const useExtractOptions = this.metaOptions;
-
-    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
-    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
-      resetScriptIdx();
-    });
-
-    compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: 'ArkDynamicCdnChunkLoaderPlugin',
-          stage: webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
-        },
-        (assets) => {
-          // 新增分块文件过滤逻辑
-          const chunkFiles = new Set();
-          compilation.chunks.forEach(chunk => {
-            chunk.files.forEach(file => {
-              if (file.endsWith('.js')) chunkFiles.add(file);
-            });
-          });
-          // 调试日志
-          verbose('[分块文件列表]', Array.from(chunkFiles));
-
-          Object.entries(assets).forEach(([filename, source]) => {
-            // 仅处理分块JS文件
-            if (!chunkFiles.has(filename)) return;
-
-            // 检查资源内容有效性
-            if (
-              !source ||
-              !source.source ||
-              typeof source.source() !== 'string' ||
-              source.source().trim() === ''
-            ) {
-              console.warn(`资源 ${filename} 内容为空或无效，跳过处理`);
-              return;
-            }
-
-            let content = source.source().toString();
-
-            // 替换逻辑
-            //                                      /(__webpack_require__\.l)\(url,/g)
-          //   const webpackRequireLPattern = /(__webpack_require__\.l)\(url,/g;
-          //   if (webpackRequireLPattern.test(content)) {
-          //     verbose('检测到 __webpack_require__.l 模式');
-          //     content = content.replace(
-          //       webpackRequireLPattern,
-          //       `(function(url, done, key, chunkId) {
-          //   if (typeof window.ArkConfig !== 'undefined' && window.ArkConfig.cdnHost) {
-          //     if (!url.startsWith(window.ArkConfig.cdnHost) && url.startsWith('https://unpkg.com')) {
-          //       url = window.ArkConfig.cdnHost + url.slice('https://unpkg.com'.length);
-          //     }
-          //   }
-          //   return $1(url, done, key, chunkId);
-          // })(url,`
-          //     );
-            const webpackRequireLPattern = /"(https:\/\/unpkg\.com)/g;
-            if (webpackRequireLPattern.test(content)) {
-              verbose('检测到 unpkg.com 模式');
-              content = content.replace(
-                webpackRequireLPattern,
-                `window.ArkConfig.cdnHost + "`
-              );
-
-              // 更新资源
-              compilation.updateAsset(
-                filename,
-                new compiler.webpack.sources.RawSource(content)
-              );
-            }
-
-          });
-        }
-      );
-    });
-
-    compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-      // 注入环境判断脚本
-      const isDev = process.env.NODE_ENV === 'development';
-
-      // 收集所有生成的JS文件
-      const outputPath = compilation.options.output.publicPath || '';
-      const jsFiles = [];
-
-      // Webpack 5 正确的API：使用 getAssets()
-      const assets = compilation.getAssets ? compilation.getAssets() : compilation.assets;
-
-      // 遍历所有资产，收集JS文件
-      assets.forEach((asset) => {
-        const assetName = asset.name || asset;
-        if (assetName.endsWith('.js')) {
-          console.log('Found JS file:', assetName);
-          // 排除 ark-meta.json 和 ark_userChunk 文件
-          if (assetName.indexOf('js/app.') !== -1 ||
-              assetName.indexOf('js/runtime.') !== -1 ||
-              assetName.indexOf('js/vendors.') !== -1 ||
-              assetName.indexOf('js/main.') !== -1) {
-            jsFiles.push(outputPath + assetName);
-          }
-        }
-      });
-
-      console.log('Final JS files for chunkJsSrcList:', jsFiles);
-
-      // 创建 customAssets 数组用于收集自定义资产（如从 HTML 内联 script 提取的代码）
-      const customAssets = [];
-
-      await extractArkMetaJson({
-        ...useExtractOptions,
-        chunkJsFiles: jsFiles,
-        isDev: isDev,
-        compilation: compilation,
-        customAssets: customAssets
-      });
-
-      return Promise.resolve();
-    });
-  }
+class ArkWebpackPlugin {
+
+  constructor(options) {
+    this.metaOptions = options;
+  }
+
+  apply(compiler) {
+    // 获取项目根目录路径
+    compiler.context;
+    const useExtractOptions = this.metaOptions;
+
+    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+      resetScriptIdx();
+    });
+
+    compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
+      compilation.hooks.processAssets.tap(
+        {
+          name: 'ArkDynamicCdnChunkLoaderPlugin',
+          stage: webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
+        },
+        (assets) => {
+          // 新增分块文件过滤逻辑
+          const chunkFiles = new Set();
+          compilation.chunks.forEach(chunk => {
+            chunk.files.forEach(file => {
+              if (file.endsWith('.js')) chunkFiles.add(file);
+            });
+          });
+          // 调试日志
+          verbose('[分块文件列表]', Array.from(chunkFiles));
+
+          Object.entries(assets).forEach(([filename, source]) => {
+            // 仅处理分块JS文件
+            if (!chunkFiles.has(filename)) return;
+
+            // 检查资源内容有效性
+            if (!source || !source.source || typeof source.source() !== 'string' || source.source().trim() === '') {
+              console.warn(`资源 ${filename} 内容为空或无效，跳过处理`);
+              return;
+            }
+
+            let content = source.source().toString();
+
+            // 替换逻辑
+            //                                      /(__webpack_require__\.l)\(url,/g)
+            //   const webpackRequireLPattern = /(__webpack_require__\.l)\(url,/g;
+            //   if (webpackRequireLPattern.test(content)) {
+            //     verbose('检测到 __webpack_require__.l 模式');
+            //     content = content.replace(
+            //       webpackRequireLPattern,
+            //       `(function(url, done, key, chunkId) {
+            //   if (typeof window.ArkConfig !== 'undefined' && window.ArkConfig.cdnHost) {
+            //     if (!url.startsWith(window.ArkConfig.cdnHost) && url.startsWith('https://unpkg.com')) {
+            //       url = window.ArkConfig.cdnHost + url.slice('https://unpkg.com'.length);
+            //     }
+            //   }
+            //   return $1(url, done, key, chunkId);
+            // })(url,`
+            //     );
+            // const webpackRequireLPattern = /"(https:\/\/unpkg\.com)/g;
+            // 新：捕获前面可选的 \（eval 模式下会有 \"）
+            const webpackRequireLPattern = /(\\?")https:\/\/unpkg\.com/g;
+            if (webpackRequireLPattern.test(content)) {
+              verbose('检测到 unpkg.com 模式');
+              content = content.replace(webpackRequireLPattern, `window.ArkConfig.cdnHost + "`);
+
+              // 更新资源
+              compilation.updateAsset(filename, new compiler.webpack.sources.RawSource(content));
+            }
+          });
+        }
+      );
+    });
+
+    compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
+      // 注入环境判断脚本
+      const isDev = process.env.NODE_ENV === 'development';
+
+      // 收集所有生成的JS文件
+      const outputPath = compilation.options.output.publicPath || '';
+      const jsFiles = [];
+
+      // Webpack 5 正确的API：使用 getAssets()
+      const assets = compilation.getAssets ? compilation.getAssets() : compilation.assets;
+
+      // 遍历所有资产，收集JS文件
+      assets.forEach((asset) => {
+        const assetName = asset.name || asset;
+        if (assetName.endsWith('.js')) {
+          console.log('Found JS file:', assetName);
+          // 排除 ark-meta.json 和 ark_userChunk 文件
+          if (assetName.indexOf('js/app.') !== -1 ||
+              assetName.indexOf('js/runtime.') !== -1 ||
+              assetName.indexOf('js/vendors.') !== -1 ||
+              assetName.indexOf('js/main.') !== -1) {
+            jsFiles.push(outputPath + assetName);
+          }
+        }
+      });
+
+      console.log('Final JS files for chunkJsSrcList:', jsFiles);
+
+      // 创建 customAssets 数组用于收集自定义资产（如从 HTML 内联 script 提取的代码）
+      const customAssets = [];
+
+      await extractArkMetaJson({
+        ...useExtractOptions,
+        chunkJsFiles: jsFiles,
+        isDev: isDev,
+        compilation: compilation,
+        customAssets: customAssets
+      });
+
+      return Promise.resolve();
+    });
+  }
 }
 
 var index = {

package/package.json

@@ -1,51 +1,51 @@
-{
-  "name": "@arkxio/ark-dev-utils",
-  "version": "0.1.8",
-  "description": "ark dev utils",
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/arkxos/arkjs.git",
-    "directory": "packages/ark-dev-utils"
-  },
-  "license": "MIT",
-  "author": {
-    "name": "fantasticsoul"
-  },
-  "main": "lib/index.js",
-  "files": [
-    "dist",
-    "lib",
-    "src",
-    "typings.d.ts",
-    "jsconfig.json",
-    ".babelrc.js",
-    "README.md"
-  ],
-  "dependencies": {
-    "jsdom": ">=19.0.0"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.12.11",
-    "@babel/preset-react": "^7.12.10",
-    "babel-cli": "^6.26.0",
-    "fs-extra": "^10.1.0",
-    "rollup": "^2.23.0"
-  },
-  "peerDependencies": {
-    "jsdom": ">=19.0.0",
-    "webpack": "5.75.0"
-  },
-  "bundleDependencies": false,
-  "publishConfig": {
-    "access": "public",
-    "registry": "https://registry.npmjs.org/"
-  },
-  "deprecated": false,
-  "scripts": {
-    "build": "npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min",
-    "build:commonjs": "cross-env BUILD_ENV=commonjs rollup -c",
-    "build:es": "cross-env BUILD_ENV=es rollup -c",
-    "build:umd": "cross-env BUILD_ENV=development rollup -c",
-    "build:umd:min": "cross-env BUILD_ENV=production rollup -c"
-  }
-}
+{
+  "name": "@arkxio/ark-dev-utils",
+  "version": "0.1.9",
+  "description": "ark dev utils",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/arkxos/arkjs.git",
+    "directory": "packages/ark-dev-utils"
+  },
+  "license": "MIT",
+  "author": {
+    "name": "fantasticsoul"
+  },
+  "main": "lib/index.js",
+  "files": [
+    "dist",
+    "lib",
+    "src",
+    "typings.d.ts",
+    "jsconfig.json",
+    ".babelrc.js",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "npm run build:commonjs && npm run build:es && npm run build:umd && npm run build:umd:min",
+    "build:commonjs": "cross-env BUILD_ENV=commonjs rollup -c",
+    "build:es": "cross-env BUILD_ENV=es rollup -c",
+    "build:umd": "cross-env BUILD_ENV=development rollup -c",
+    "build:umd:min": "cross-env BUILD_ENV=production rollup -c"
+  },
+  "dependencies": {
+    "jsdom": ">=19.0.0"
+  },
+  "devDependencies": {
+    "@babel/preset-env": "^7.12.11",
+    "@babel/preset-react": "^7.12.10",
+    "babel-cli": "^6.26.0",
+    "fs-extra": "^10.1.0",
+    "rollup": "^2.23.0"
+  },
+  "peerDependencies": {
+    "jsdom": ">=19.0.0",
+    "webpack": "5.75.0"
+  },
+  "bundleDependencies": false,
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "deprecated": false
+}

package/src/ArkWebpackPlugin.js

@@ -1,135 +1,125 @@
-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 {
-
-  constructor(options) {
-    this.metaOptions = options;
-  }
-
-  apply(compiler) {
-    // 获取项目根目录路径
-    const projectRoot = compiler.context;
-    const useExtractOptions = this.metaOptions;
-
-    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
-    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
-      resetScriptIdx();
-    });
-
-    compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
-      compilation.hooks.processAssets.tap(
-        {
-          name: 'ArkDynamicCdnChunkLoaderPlugin',
-          stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
-        },
-        (assets) => {
-          // 新增分块文件过滤逻辑
-          const chunkFiles = new Set();
-          compilation.chunks.forEach(chunk => {
-            chunk.files.forEach(file => {
-              if (file.endsWith('.js')) chunkFiles.add(file);
-            });
-          });
-          // 调试日志
-          verbose('[分块文件列表]', Array.from(chunkFiles));
-
-          Object.entries(assets).forEach(([filename, source]) => {
-            // 仅处理分块JS文件
-            if (!chunkFiles.has(filename)) return;
-
-            // 检查资源内容有效性
-            if (
-              !source ||
-              !source.source ||
-              typeof source.source() !== 'string' ||
-              source.source().trim() === ''
-            ) {
-              console.warn(`资源 ${filename} 内容为空或无效，跳过处理`);
-              return;
-            }
-
-            let content = source.source().toString();
-
-            // 替换逻辑
-            //                                      /(__webpack_require__\.l)\(url,/g)
-          //   const webpackRequireLPattern = /(__webpack_require__\.l)\(url,/g;
-          //   if (webpackRequireLPattern.test(content)) {
-          //     verbose('检测到 __webpack_require__.l 模式');
-          //     content = content.replace(
-          //       webpackRequireLPattern,
-          //       `(function(url, done, key, chunkId) {
-          //   if (typeof window.ArkConfig !== 'undefined' && window.ArkConfig.cdnHost) {
-          //     if (!url.startsWith(window.ArkConfig.cdnHost) && url.startsWith('https://unpkg.com')) {
-          //       url = window.ArkConfig.cdnHost + url.slice('https://unpkg.com'.length);
-          //     }
-          //   }
-          //   return $1(url, done, key, chunkId);
-          // })(url,`
-          //     );
-            const webpackRequireLPattern = /"(https:\/\/unpkg\.com)/g;
-            if (webpackRequireLPattern.test(content)) {
-              verbose('检测到 unpkg.com 模式');
-              content = content.replace(
-                webpackRequireLPattern,
-                `window.ArkConfig.cdnHost + "`
-              );
-
-              // 更新资源
-              compilation.updateAsset(
-                filename,
-                new compiler.webpack.sources.RawSource(content)
-              );
-            }
-
-          });
-        }
-      );
-    });
-
-    compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
-      // 注入环境判断脚本
-      const isDev = process.env.NODE_ENV === 'development';
-
-      // 收集所有生成的JS文件
-      const outputPath = compilation.options.output.publicPath || '';
-      const jsFiles = [];
-
-      // Webpack 5 正确的API：使用 getAssets()
-      const assets = compilation.getAssets ? compilation.getAssets() : compilation.assets;
-
-      // 遍历所有资产，收集JS文件
-      assets.forEach((asset) => {
-        const assetName = asset.name || asset;
-        if (assetName.endsWith('.js')) {
-          console.log('Found JS file:', assetName);
-          // 排除 ark-meta.json 和 ark_userChunk 文件
-          if (assetName.indexOf('js/app.') !== -1 ||
-              assetName.indexOf('js/runtime.') !== -1 ||
-              assetName.indexOf('js/vendors.') !== -1 ||
-              assetName.indexOf('js/main.') !== -1) {
-            jsFiles.push(outputPath + assetName);
-          }
-        }
-      });
-
-      console.log('Final JS files for chunkJsSrcList:', jsFiles);
-
-      // 创建 customAssets 数组用于收集自定义资产（如从 HTML 内联 script 提取的代码）
-      const customAssets = [];
-
-      const arkMeta = await extractArkMetaJson({
-        ...useExtractOptions,
-        chunkJsFiles: jsFiles,
-        isDev: isDev,
-        compilation: compilation,
-        customAssets: customAssets
-      });
-
-      return Promise.resolve();
-    });
-  }
-}
+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 {
+
+  constructor(options) {
+    this.metaOptions = options;
+  }
+
+  apply(compiler) {
+    // 获取项目根目录路径
+    const projectRoot = compiler.context;
+    const useExtractOptions = this.metaOptions;
+
+    // 在每次编译开始时重置脚本索引计数器，确保文件名一致性
+    compiler.hooks.thisCompilation.tap('ArkResetScriptIdx', () => {
+      resetScriptIdx();
+    });
+
+    compiler.hooks.thisCompilation.tap('ArkDynamicCdnChunkLoaderPlugin', (compilation) => {
+      compilation.hooks.processAssets.tap(
+        {
+          name: 'ArkDynamicCdnChunkLoaderPlugin',
+          stage: Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE,
+        },
+        (assets) => {
+          // 新增分块文件过滤逻辑
+          const chunkFiles = new Set();
+          compilation.chunks.forEach(chunk => {
+            chunk.files.forEach(file => {
+              if (file.endsWith('.js')) chunkFiles.add(file);
+            });
+          });
+          // 调试日志
+          verbose('[分块文件列表]', Array.from(chunkFiles));
+
+          Object.entries(assets).forEach(([filename, source]) => {
+            // 仅处理分块JS文件
+            if (!chunkFiles.has(filename)) return;
+
+            // 检查资源内容有效性
+            if (!source || !source.source || typeof source.source() !== 'string' || source.source().trim() === '') {
+              console.warn(`资源 ${filename} 内容为空或无效，跳过处理`);
+              return;
+            }
+
+            let content = source.source().toString();
+
+            // 替换逻辑
+            //                                      /(__webpack_require__\.l)\(url,/g)
+            //   const webpackRequireLPattern = /(__webpack_require__\.l)\(url,/g;
+            //   if (webpackRequireLPattern.test(content)) {
+            //     verbose('检测到 __webpack_require__.l 模式');
+            //     content = content.replace(
+            //       webpackRequireLPattern,
+            //       `(function(url, done, key, chunkId) {
+            //   if (typeof window.ArkConfig !== 'undefined' && window.ArkConfig.cdnHost) {
+            //     if (!url.startsWith(window.ArkConfig.cdnHost) && url.startsWith('https://unpkg.com')) {
+            //       url = window.ArkConfig.cdnHost + url.slice('https://unpkg.com'.length);
+            //     }
+            //   }
+            //   return $1(url, done, key, chunkId);
+            // })(url,`
+            //     );
+            // const webpackRequireLPattern = /"(https:\/\/unpkg\.com)/g;
+            // 新：捕获前面可选的 \（eval 模式下会有 \"）
+            const webpackRequireLPattern = /(\\?")https:\/\/unpkg\.com/g;
+            if (webpackRequireLPattern.test(content)) {
+              verbose('检测到 unpkg.com 模式');
+              content = content.replace(webpackRequireLPattern, `window.ArkConfig.cdnHost + "`);
+
+              // 更新资源
+              compilation.updateAsset(filename, new compiler.webpack.sources.RawSource(content));
+            }
+          });
+        }
+      );
+    });
+
+    compiler.hooks.emit.tapPromise('ArkMetaJsonGeneratorPlugin', async (compilation) => {
+      // 注入环境判断脚本
+      const isDev = process.env.NODE_ENV === 'development';
+
+      // 收集所有生成的JS文件
+      const outputPath = compilation.options.output.publicPath || '';
+      const jsFiles = [];
+
+      // Webpack 5 正确的API：使用 getAssets()
+      const assets = compilation.getAssets ? compilation.getAssets() : compilation.assets;
+
+      // 遍历所有资产，收集JS文件
+      assets.forEach((asset) => {
+        const assetName = asset.name || asset;
+        if (assetName.endsWith('.js')) {
+          console.log('Found JS file:', assetName);
+          // 排除 ark-meta.json 和 ark_userChunk 文件
+          if (assetName.indexOf('js/app.') !== -1 ||
+              assetName.indexOf('js/runtime.') !== -1 ||
+              assetName.indexOf('js/vendors.') !== -1 ||
+              assetName.indexOf('js/main.') !== -1) {
+            jsFiles.push(outputPath + assetName);
+          }
+        }
+      });
+
+      console.log('Final JS files for chunkJsSrcList:', jsFiles);
+
+      // 创建 customAssets 数组用于收集自定义资产（如从 HTML 内联 script 提取的代码）
+      const customAssets = [];
+
+      const arkMeta = await extractArkMetaJson({
+        ...useExtractOptions,
+        chunkJsFiles: jsFiles,
+        isDev: isDev,
+        compilation: compilation,
+        customAssets: customAssets
+      });
+
+      return Promise.resolve();
+    });
+  }
+}