@flatjs/evolve 2.1.0-next.2 → 2.1.0-next.21

package/dist/types/types-dev-server.d.ts

@@ -1,7 +1,6 @@
-import { type SecureContextHttps, type FlatMockOptions } from '@flatjs/mock';
 import { type RequestHandler } from 'express';
-import { type Configuration } from 'webpack';
-import { type WebSocketURL, type ClientConfiguration } from 'webpack-dev-server';
+import { type ClientConfiguration, type WebSocketURL } from 'webpack-dev-server';
+import { type FlatMockOptions, type SecureContextHttps } from '@flatjs/mock';
 import { type EvolveEntryMapContent } from './types-entry-map.js';
 export interface WebpackWatchOptions {
     /**
@@ -13,9 +12,9 @@ export interface WebpackWatchOptions {
      */
     followSymlinks?: boolean;
     /**
-     * Ignore some files from watching (glob pattern or regexp).
+     * Ignore some files from watching
      */
-    ignored?: string | RegExp | string[];
+    ignored?: string[];
     /**
      * Enable polling mode for watching.
      */
@@ -36,7 +35,7 @@ export type FlatEvolveDevServerOptions = {
      * In webpack-dev-server watch mode is enabled by default.
      * This configuration will be merged into `webpack-dev-server`
      */
-    watchOptions?: Configuration['watchOptions'];
+    watchOptions?: WebpackWatchOptions;
     /**
      * Allow us costomized global serve data injected into `window.GLOBAL = {...globalData}`
      */

package/dist/types/types-entry-map.d.ts

@@ -59,8 +59,8 @@ export interface EvolveEntryItemOption extends MultiHtmlCDNEntryItem {
      */
     mockFilters?: Array<string | RegExp>;
     /**
-     * Extends the default `output` configuration for each entry item.
-     * normally we use `output.library` to define the global variable name.
+     * Extends the default `output` configuration for each entry item, normally we use `output.library` to define the global variable name.
+     * Note we don't need to support react fast refresh for library target. because of the library module can not run in the browser individually.
      * @example
      * ```ts
      *'plugin-chart': {
@@ -83,6 +83,20 @@ export interface EvolveEntryItemOption extends MultiHtmlCDNEntryItem {
 export type EvolveEntryMapContent = {
     entry: [string, ...string[]];
     options?: EvolveEntryItemOption;
+    /**
+     * An alias used when grouping builds
+     */
+    groupName?: string;
+    /**
+     * The basis of the grouping, this configuration takes effect when re-entering a group
+     *
+     * If groupingSource is `manual`, The grouping depends on the manually set groupName
+     *
+     * If groupingSource is `auto`, Grouping depends on whether the entry options are the same
+     *
+     * @default 'auto'
+     */
+    groupingSource?: 'auto' | 'manual';
 };
 export interface EvolveEntryMap {
     /**

package/dist/types/types-global-compiler-options.d.ts

@@ -0,0 +1,7 @@
+export interface GlobalCompilerOptions {
+    /**
+     * The value indicates whether runs typescript type checker and linter on separate process.
+     * @default true
+     */
+    runTsChecker?: boolean;
+}

package/dist/types/types-global-compiler-options.js

@@ -0,0 +1 @@
+export{};

package/dist/types/types-loader-options.d.ts

@@ -1,6 +1,7 @@
+import { type AcceptedPlugin } from 'postcss';
+import { type LoaderContext } from 'webpack';
 import { type TransformOptions } from '@babel/core';
 import { type PostcssPluginPixelOptions } from '@flatjs/forge-postcss-plugin-pixel';
-import { type AcceptedPlugin } from 'postcss';
 import { type ModularImportOption } from './types-modular-import.js';
 export type BabelInputOptions = Pick<TransformOptions, 'presets' | 'plugins'>;
 /**
@@ -14,6 +15,34 @@ export type BuiltinBabelOptions = BabelInputOptions & {
      */
     usePreset?: 'react' | 'vue';
 };
+/**
+ * The configurations for `css-loader` modules
+ * https://github.com/webpack-contrib/css-loader/blob/master/README.md#modules
+ */
+export type CssLoaderModules = boolean | 'local' | 'global' | 'pure' | 'icss' | Partial<{
+    auto: boolean | RegExp | ((resourcePath: string) => boolean);
+    mode: 'local' | 'global' | 'pure' | 'icss' | ((resourcePath: any) => 'local' | 'global' | 'pure' | 'icss');
+    localIdentName: string;
+    localIdentContext: string;
+    localIdentHashSalt: string;
+    localIdentHashFunction: string;
+    localIdentHashDigest: string;
+    localIdentRegExp: string | RegExp;
+    getLocalIdent: (context: LoaderContext<any>, localIdentName: string, localName: string) => string;
+    namedExport: boolean;
+    exportGlobals: boolean;
+    exportLocalsConvention: 'as-is' | 'camel-case' | 'camel-case-only' | 'dashes' | 'dashes-only' | ((name: string) => string);
+    exportOnlyLocals: boolean;
+    getJSON: ({ resourcePath, imports, exports, replacements, }: {
+        resourcePath: string;
+        imports: object[];
+        exports: object[];
+        replacements: object[];
+    }) => Promise<void> | void;
+}>;
+export type CssLoaderOptions = {
+    modules?: CssLoaderModules;
+} & Record<string, unknown>;
 /**
  * The configurations for `builtin` rule set options
  */
@@ -28,9 +57,7 @@ export interface RuleSetLoaderOptions {
      * The configurations of `css-loader`
      * https://github.com/webpack-contrib/css-loader/blob/master/README.md#modules
      */
-    cssLoaderOptions?: {
-        modules?: Record<string, unknown>;
-    } & Record<string, unknown>;
+    cssLoaderOptions?: CssLoaderOptions;
     /**
      * The config for `Less`
      */
@@ -40,11 +67,6 @@ export interface RuleSetLoaderOptions {
      * @default []
      */
     modularImports?: ModularImportOption[];
-    /**
-     * The value indicates whether runs typescript type checker and linter on separate process.
-     * @default true
-     */
-    runTsChecker?: boolean;
     /**
      * The configration options of `postcss-loader`
      */

package/dist/types/types-options.d.ts

@@ -2,9 +2,11 @@ import { type VerifyPackagePattern } from '@armit/package';
 import { type FlatEvolveCI } from './types-ci.js';
 import { type FlatEvolveDevServerOptions } from './types-dev-server.js';
 import { type EvolveEntryMap } from './types-entry-map.js';
+import { type GlobalCompilerOptions } from './types-global-compiler-options.js';
 import { type RuleSetLoaderOptions } from './types-loader-options.js';
-import { type EvolveMultiCDNEnvResolver, type EvolveMultiCDNConfig } from './types-multi-html.js';
+import { type EvolveMultiCDNConfig, type EvolveMultiCDNEnvResolver } from './types-multi-html.js';
 import { type EvolvePluginOptions } from './types-plugin-options.js';
+import { type ThreadsOptions } from './types-threads-options.js';
 import { type FlatEvolveWebpackOptions } from './types-webpack.js';
 /**
  * Detect locally installed dependencies that have correctly installed from `package.json` declared version `dependencies`
@@ -44,6 +46,10 @@ export interface FlatEvolveOptions {
      * The configurations of `webpack`
      */
     webpack?: FlatEvolveWebpackOptions;
+    /**
+     * The config options of global webpack compiler.
+     */
+    globalCompilerOptions?: GlobalCompilerOptions;
     /**
      * The config options of all rule set loaders.
      */
@@ -96,20 +102,13 @@ export interface FlatEvolveOptions {
     /**
      * All webpack entries configuration
      */
-    entryMap: EvolveEntryMap;
+    entryMap: {
+        [K in keyof EvolveEntryMap]: Omit<EvolveEntryMap[K], 'groupingSource'>;
+    };
     /**
      * Visualize size of webpack output files with an interactive zoomable treemap.
      */
     analyzer?: Record<string, unknown>;
-    /**
-     * Maximum number of process to run at once for production build
-     * Exact number or a percent of CPUs available (for example "50%").
-     *
-     * If undefined, then all build processes will start in parallel.
-     * Setting this value to 1 will achieve sequential running.
-     * @default 5
-     */
-    maxProcesses?: number | string;
     /**
      * For `production` mode, the value indicates if we interrupt compilation process while received "warnings" while evolve `build`
      * @default false
@@ -119,4 +118,24 @@ export interface FlatEvolveOptions {
      * The faster builds, simplified ci pipeline configurations
      */
     ci?: FlatEvolveCI;
+    /**
+     * The configurations of `threads`
+     */
+    threads?: ThreadsOptions;
+    /**
+     * Control whether each entry is built independently.
+     *
+     * If `true`, each entry will be built independently.
+     *
+     * If `false`, each entries are grouped according to certain rules
+     *
+     * @default false
+     */
+    isolation?: boolean;
+    /**
+     * The maximum size of an entry group.
+     *
+     * @default 10
+     */
+    maxEntryGroupSize?: number;
 }

package/dist/types/types-threads-options.d.ts

@@ -0,0 +1,18 @@
+export interface ThreadsOptions {
+    /**
+     * Minimum number of process to run at once for production build
+     *
+     * @default 1
+     */
+    minThreads?: number;
+    /**
+     * Maximum number of process to run at once for production build
+     */
+    maxThreads?: number;
+    /**
+     * Default timeout to wait for close when Thread shuts down, in milliseconds
+     *
+     * @default 60000
+     */
+    idleTimeout?: number;
+}

package/dist/types/types-threads-options.js

@@ -0,0 +1 @@
+export{};

package/dist/types/types-webpack.d.ts

@@ -1,4 +1,4 @@
-import { type RuleSetRule, type Configuration } from 'webpack';
+import { type Configuration, type RuleSetRule } from 'webpack';
 import { type WebpackPlugin } from '../create-webpack/types.js';
 import { type TerserMinimizerOptions } from '../minimizer/types.js';
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@flatjs/evolve",
-  "version": "2.1.0-next.2",
+  "version": "2.1.0-next.21",
   "license": "MIT",
   "type": "module",
   "exports": {
@@ -18,88 +18,92 @@
     "./templates"
   ],
   "scripts": {
-    "serve": "yarn node --import=@armit/path-alias/register ./tests/dev-server/dev-server.ts",
+    "serve": "yarn node --import=@hyperse/ts-node-paths/register ./tests/dev-server/dev-server.ts",
     "build": "rimraf dist && tsc -p ./tsconfig.build.json && npm run minify",
     "?build-release": "When https://github.com/atlassian/changesets/issues/432 has a solution we can remove this trick",
     "build-release": "yarn build && rimraf ./_release && yarn pack && mkdir ./_release && tar zxvf ./package.tgz --directory ./_release && rm ./package.tgz",
     "minify": "node ../../scripts/minify.mjs --dest=dist",
     "codegen": "graphql-codegen --config ./codegen.cjs",
     "clean": "rimraf --no-glob ./dist ./coverage ./__data__ ./config/__data__ ./_release ./tsconfig.tsbuildinfo",
-    "lint": "eslint . --ext .ts,.mts,.tsx,.js,.jsx,.cjs,.mjs --cache --cache-location ../../.cache/eslint/evolve.eslintcache",
+    "lint": "eslint . --cache --cache-location ../../.cache/eslint/evolve.eslintcache",
     "test": "run-s test-unit",
     "test-task": "vitest run",
     "test-unit": "vitest run --passWithNoTests",
     "test-watch": "vitest watch --ui",
-    "fix-all-files": "eslint . --ext .ts,.tsx,.js,.jsx,.cjs,.mjs,.mdx,.graphql --fix",
+    "fix-all-files": "eslint . --fix",
     "typecheck": "tsc --project ./tsconfig.json --noEmit"
   },
   "dependencies": {
-    "@armit/babel-merge": "^0.1.5",
-    "@armit/config-loader": "^0.1.6",
-    "@armit/file-utility": "^0.1.4",
-    "@armit/git": "^0.1.4",
-    "@armit/package": "^0.1.5",
-    "@armit/worker-threads": "^0.1.4",
-    "@babel/core": "7.24.3",
-    "@flatjs/babel-plugin-import": "2.1.0-next.1",
-    "@flatjs/common": "2.1.0-next.2",
-    "@flatjs/evolve-preset-babel": "2.1.0-next.2",
-    "@flatjs/forge-postcss-plugin-pixel": "2.1.0-next.2",
-    "@flatjs/graph": "2.1.0-next.2",
-    "@flatjs/mock": "2.1.0-next.2",
-    "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
-    "@types/babel__core": "7.20.5",
-    "babel-loader": "9.1.3",
-    "better-opn": "3.0.2",
-    "case-sensitive-paths-webpack-plugin": "2.4.0",
-    "css-loader": "6.10.0",
-    "cssnano": "6.1.2",
-    "express": "4.19.2",
-    "fork-ts-checker-webpack-plugin": "9.0.2",
-    "happy-dom": "14.3.10",
-    "html-webpack-plugin": "5.6.0",
-    "image-minimizer-webpack-plugin": "4.0.0",
-    "less": "4.2.0",
-    "less-loader": "12.2.0",
-    "listr": "0.14.3",
-    "lodash": "4.17.21",
-    "mini-css-extract-plugin": "2.8.1",
-    "postcss": "8.4.38",
-    "postcss-loader": "8.1.1",
-    "react-refresh": "0.14.0",
-    "svgo": "3.2.0",
-    "tarjan-graph": "3.0.0",
-    "terser-webpack-plugin": "5.3.10",
-    "tsconfig-paths-webpack-plugin": "4.1.0",
-    "type-fest": "^4.14.0",
-    "typescript": "5.4.3",
-    "webpack": "5.91.0",
-    "webpack-bundle-analyzer": "4.10.1",
-    "webpack-dev-server": "5.0.4",
-    "webpack-sources": "3.2.3"
+    "@armit/babel-merge": "^0.2.2",
+    "@armit/config-loader": "^0.2.3",
+    "@armit/file-utility": "^0.2.2",
+    "@armit/git": "^0.2.2",
+    "@armit/package": "^0.2.3",
+    "@babel/core": "^7.24.7",
+    "@flatjs/babel-plugin-import": "2.1.0-next.9",
+    "@flatjs/common": "2.1.0-next.8",
+    "@flatjs/evolve-preset-babel": "2.1.0-next.8",
+    "@flatjs/forge-postcss-plugin-pixel": "2.1.0-next.8",
+    "@flatjs/graph": "2.1.0-next.10",
+    "@flatjs/mock": "2.1.0-next.11",
+    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.15",
+    "@types/babel__core": "^7.20.5",
+    "babel-loader": "^9.1.3",
+    "better-opn": "^3.0.2",
+    "case-sensitive-paths-webpack-plugin": "^2.4.0",
+    "css-loader": "^7.1.2",
+    "cssnano": "^7.0.3",
+    "express": "^4.19.2",
+    "fork-ts-checker-webpack-plugin": "^9.0.2",
+    "happy-dom": "^14.12.3",
+    "html-webpack-plugin": "^5.6.0",
+    "image-minimizer-webpack-plugin": "^4.0.2",
+    "less": "^4.2.0",
+    "less-loader": "^12.2.0",
+    "listr": "^0.14.3",
+    "lodash": "^4.17.21",
+    "log-update": "^6.0.0",
+    "mini-css-extract-plugin": "^2.9.0",
+    "postcss": "^8.4.39",
+    "postcss-loader": "^8.1.1",
+    "react-refresh": "^0.14.2",
+    "svgo": "^3.3.2",
+    "tarjan-graph": "^3.0.0",
+    "terser-webpack-plugin": "^5.3.10",
+    "tinypool": "^1.0.0",
+    "tsconfig-paths-webpack-plugin": "^4.1.0",
+    "type-fest": "^4.20.1",
+    "typescript": "^5.5.2",
+    "webpack": "^5.92.1",
+    "webpack-bundle-analyzer": "^4.10.2",
+    "webpack-dev-server": "^5.0.4",
+    "webpack-sources": "^3.2.3"
   },
   "devDependencies": {
-    "@armit/eslint-config-bases": "^0.1.5",
-    "@flatjs/testing": "2.1.0-next.2",
-    "@swc/core": "1.4.11",
+    "@dimjs/lang": "1.5.0",
+    "@dimjs/model": "1.2.3",
+    "@dimjs/model-react": "1.2.3",
+    "@dimjs/utils": "1.5.1",
+    "@flatjs/testing": "2.1.0-next.8",
+    "@hyperse/eslint-config-hyperse": "^1.0.10",
+    "@swc/core": "1.6.6",
     "@types/express": "4.17.21",
     "@types/listr": "0.14.9",
-    "@types/node": "20.12.2",
-    "@vitest/coverage-istanbul": "1.4.0",
-    "@vitest/ui": "1.4.0",
-    "eslint": "8.57.0",
+    "@types/node": "20.14.9",
+    "@vitest/coverage-istanbul": "1.6.0",
+    "@vitest/ui": "1.6.0",
+    "@wove/react": "1.2.23",
+    "eslint": "^9.6.0",
     "imagemin-gifsicle": "7.0.0",
     "imagemin-jpegtran": "7.0.0",
-    "imagemin-pngquant": "9.0.2",
-    "imagemin-svgo": "10.0.1",
+    "imagemin-pngquant": "10.0.0",
+    "imagemin-svgo": "11.0.1",
     "npm-run-all": "4.1.5",
-    "prettier": "3.2.5",
-    "react": "18.2.0",
-    "rimraf": "5.0.5",
+    "react": "18.3.1",
+    "rimraf": "5.0.7",
     "swc-unplugin-ts": "1.0.3",
-    "ts-node": "11.0.0-beta.1",
     "vite-tsconfig-paths": "4.3.2",
-    "vitest": "1.4.0",
+    "vitest": "1.6.0",
     "vue-loader": "17.4.2"
   },
   "peerDependencies": {

package/templates/html-plugin/index-dev.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-inte.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-inte2.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-inte3.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-inte4.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-me.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-ntv.html

@@ -0,0 +1,61 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+    <meta http-equiv="Expires" content="0" />
+    <meta http-equiv="Pragma" content="no-cache" />
+    <meta http-equiv="Cache-control" content="no-cache" />
+    <meta http-equiv="Cache" content="no-cache" />
+    <meta name="format-detection" content="telephone=no,email=no" />
+    <meta name="apple-mobile-web-app-capable" content="yes" />
+    <meta name="apple-touch-fullscreen" content="yes" />
+    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
+    <meta
+      name="viewport"
+      content="width=device-width,initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, viewport-fit=cover"
+    />
+    <title><%= title %></title>
+
+    <% if (headBeforeHtmlTags) { %>
+      <% for (let index = 0; index < headBeforeHtmlTags.length; index++) { %>
+        <%= headBeforeHtmlTags[index] %> 
+      <% } %>
+    <% } %>
+    <% if (inlineScripts) { %>
+    <script>
+      <% for (let index = 0; index < inlineScripts.length; index++) { %>
+        <%= inlineScripts[index] %>
+      <% } %>
+    </script>
+    <% } %>
+    <% if (viewport) { %>
+    <script>
+      <%= viewport %>
+    </script>
+    <% } %>
+    <% if (favicon) { %>
+      <link rel="shortcut icon" href="<%= favicon %>" type="image/x-icon" />
+      <link rel="icon" href="<%= favicon %>" type="image/x-icon" />
+    <% } %>
+    <% if (headBeforeStyles) { %>
+      <% for (let index = 0; index < headBeforeStyles.length; index++) { %>
+        <link href="<%= headBeforeStyles[index] %>" rel="stylesheet" />
+      <% } %>
+    <% } %>
+    <% if (headBeforeScripts) { %>
+      <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
+      <script src="<%= headBeforeScripts[index]%>"></script>
+      <% } %>
+    <% } %>
+  </head>
+
+  <body>
+    <div id="app"></div>
+    <% if (bodyAfterScripts) { %>
+      <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
+      <% } %>
+    <% } %>
+  </body>
+</html>

package/templates/html-plugin/index-prod.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-rc.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>

package/templates/html-plugin/index-uat.html

@@ -45,7 +45,7 @@
     <% } %>
     <% if (headBeforeScripts) { %>
       <% for (let index = 0; index < headBeforeScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= headBeforeScripts[index]%>"></script>
+      <script src="<%= headBeforeScripts[index]%>"></script>
       <% } %>
     <% } %>
   </head>
@@ -54,7 +54,7 @@
     <div id="app"></div>
     <% if (bodyAfterScripts) { %>
       <% for (let index = 0; index < bodyAfterScripts.length; index++) { %>
-      <script crossorigin="anonymous" src="<%= bodyAfterScripts[index]%>"></script>
+      <script src="<%= bodyAfterScripts[index]%>"></script>
       <% } %>
     <% } %>
   </body>