@modern-js/builder 2.22.1 → 2.23.1

package/CHANGELOG.md

@@ -1,5 +1,63 @@
 # @modern-js/builder
 
+## 2.23.1
+
+### Patch Changes
+
+- 20c85bb: feat(rspack-provider): support performance.removeMomentLocale in rspack
+
+  feat(rspack-provider): 在使用 rspack 构建时支持 performance.removeMomentLocale 配置项
+
+- 5772927: feat(rspack-provider): support import .wasm assets
+
+  feat(rspack-provider): 支持引用 .wasm 资源
+
+- 8f2cab0: feat(builder): support using new URL to handle wasm assets
+
+  feat(builder): 支持通过 new URL 来处理 wasm 资源
+
+- Updated dependencies [f08bbfc]
+- Updated dependencies [a6b313a]
+- Updated dependencies [5772927]
+- Updated dependencies [811ccd4]
+- Updated dependencies [5a3eeff]
+- Updated dependencies [4d4dca0]
+- Updated dependencies [8f2cab0]
+  - @modern-js/utils@2.23.1
+  - @modern-js/builder-shared@2.23.1
+
+## 2.23.0
+
+### Patch Changes
+
+- 9b270b6: feat(builder): extend rules of splitByExperience
+  feat(builder): 拓展 splitByExperience 内部规则
+- 7e6fb5f: chore: publishConfig add provenance config
+
+  chore: publishConfig 增加 provenance 配置
+
+- 692cc0e: fix(builder): assetsRetry.crossOrigin default to html.crossorigin
+
+  fix(builder): assetsRetry.crossOrigin 默认值与 html.crossorigin 保持一致
+
+- a82d6f7: fix(builder): single-vendor chunkSplit not work as expected
+
+  fix(builder): single-vendor 拆包规则未按照预期生效
+
+- Updated dependencies [15eac36]
+- Updated dependencies [d4e85c1]
+- Updated dependencies [7e6fb5f]
+- Updated dependencies [a7a7ad7]
+- Updated dependencies [6dec7c2]
+- Updated dependencies [c3216b5]
+- Updated dependencies [f14f920]
+- Updated dependencies [692cc0e]
+- Updated dependencies [38eccef]
+- Updated dependencies [f91c557]
+- Updated dependencies [a82d6f7]
+  - @modern-js/builder-shared@2.23.0
+  - @modern-js/utils@2.23.0
+
 ## 2.22.1
 
 ### Patch Changes

package/dist/plugins/assetsRetry.js

@@ -36,9 +36,14 @@ function builderPluginAssetsRetry() {
                 }
                 const { AssetsRetryPlugin } = await Promise.resolve().then(() => __importStar(require('@modern-js/builder-shared')));
                 const distDir = (0, builder_shared_1.getDistPath)(config.output, 'js');
+                const { assetsRetry = {} } = config.output;
+                // assetsRetry.crossOrigin should be same as html.crossorigin by default
+                if (assetsRetry.crossOrigin === undefined) {
+                    assetsRetry.crossOrigin = config.html.crossorigin;
+                }
                 chain.plugin(CHAIN_ID.PLUGIN.ASSETS_RETRY).use(AssetsRetryPlugin, [
                     {
-                        ...(config.output.assetsRetry || {}),
+                        ...assetsRetry,
                         distDir,
                         HtmlPlugin,
                     },

package/dist/plugins/index.js

@@ -49,4 +49,6 @@ exports.plugins = {
     tsChecker: () => Promise.resolve().then(() => __importStar(require('./tsChecker'))).then(m => m.builderPluginTsChecker()),
     checkSyntax: () => Promise.resolve().then(() => __importStar(require('./checkSyntax'))).then(m => m.builderPluginCheckSyntax()),
     rem: () => Promise.resolve().then(() => __importStar(require('./rem'))).then(m => m.builderPluginRem()),
+    wasm: () => Promise.resolve().then(() => __importStar(require('./wasm'))).then(m => m.builderPluginWasm()),
+    moment: () => Promise.resolve().then(() => __importStar(require('./moment'))).then(m => m.builderPluginMoment()),
 };

package/dist/plugins/moment.d.ts

@@ -0,0 +1,2 @@
+import { DefaultBuilderPlugin } from '@modern-js/builder-shared';
+export declare const builderPluginMoment: () => DefaultBuilderPlugin;

package/dist/plugins/moment.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.builderPluginMoment = void 0;
+const builderPluginMoment = () => ({
+    name: 'builder-plugin-moment',
+    setup(api) {
+        api.modifyBundlerChain(async (chain, { webpack }) => {
+            const config = api.getNormalizedConfig();
+            if (config.performance.removeMomentLocale) {
+                // Moment.js includes a lots of locale data by default.
+                // We can using IgnorePlugin to allow the user to opt into importing specific locales.
+                // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
+                chain.plugin('remove-moment-locale').use(webpack.IgnorePlugin, [
+                    {
+                        resourceRegExp: /^\.\/locale$/,
+                        contextRegExp: /moment$/,
+                    },
+                ]);
+            }
+        });
+    },
+});
+exports.builderPluginMoment = builderPluginMoment;

package/dist/plugins/splitChunks.js

@@ -61,6 +61,7 @@ async function splitByExperience(ctx) {
         react: (0, exports.createDependenciesRegExp)('react', 'react-dom'),
         router: (0, exports.createDependenciesRegExp)('react-router', 'react-router-dom', '@remix-run/router', 'history'),
         lodash: (0, exports.createDependenciesRegExp)('lodash', 'lodash-es'),
+        axios: (0, exports.createDependenciesRegExp)('axios', /axios-.+/),
     };
     // Detect if the package is installed in current project
     // If installed, add the package to cache group
@@ -113,7 +114,7 @@ function splitByModule(ctx) {
             // Core group
             vendors: {
                 priority: -10,
-                test: /[\\/]node_modules[\\/]/,
+                test: builder_shared_1.NODE_MODULES_REGEX,
                 // todo: not support in rspack
                 name(module) {
                     return (0, builder_shared_1.getPackageNameFromModulePath)(module.context);
@@ -161,14 +162,26 @@ function allInOne(_ctx) {
 }
 // Ignore user defined cache group to get single vendor chunk.
 function singleVendor(ctx) {
-    const { override, defaultConfig } = ctx;
+    const { override, defaultConfig, userDefinedCacheGroups } = ctx;
     (0, assert_1.default)(defaultConfig !== false);
     (0, assert_1.default)(override !== false);
+    const singleVendorCacheGroup = {
+        singleVendor: {
+            test: builder_shared_1.NODE_MODULES_REGEX,
+            priority: 0,
+            chunks: 'all',
+            name: 'vendor',
+            enforce: true,
+            reuseExistingChunk: true,
+        },
+    };
     return {
         ...defaultConfig,
         ...override,
         cacheGroups: {
             ...defaultConfig.cacheGroups,
+            ...singleVendorCacheGroup,
+            ...userDefinedCacheGroups,
             ...override.cacheGroups,
         },
     };

package/dist/plugins/wasm.d.ts

@@ -0,0 +1,2 @@
+import { type DefaultBuilderPlugin } from '@modern-js/builder-shared';
+export declare const builderPluginWasm: () => DefaultBuilderPlugin;

package/dist/plugins/wasm.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.builderPluginWasm = void 0;
+const path_1 = require("path");
+const builder_shared_1 = require("@modern-js/builder-shared");
+const builderPluginWasm = () => ({
+    name: 'builder-plugin-wasm',
+    setup(api) {
+        api.modifyBundlerChain(async (chain, { CHAIN_ID }) => {
+            const config = api.getNormalizedConfig();
+            const distPath = (0, builder_shared_1.getDistPath)(config.output, 'wasm');
+            chain.experiments({
+                ...chain.get('experiments'),
+                asyncWebAssembly: true,
+            });
+            const wasmFilename = (0, path_1.join)(distPath, '[hash].module.wasm');
+            chain.output.merge({
+                webassemblyModuleFilename: wasmFilename,
+            });
+            // support new URL('./xx.wasm', import.meta.url)
+            chain.module
+                .rule(CHAIN_ID.RULE.WASM)
+                .test(/\.wasm$/)
+                // only include assets that came from new URL calls
+                .merge({
+                dependency: 'url',
+            })
+                .type('asset/resource')
+                .set('generator', {
+                filename: wasmFilename,
+            });
+        });
+    },
+});
+exports.builderPluginWasm = builderPluginWasm;

package/package.json

@@ -18,7 +18,7 @@
   "engines": {
     "node": ">=14.0.0"
   },
-  "version": "2.22.1",
+  "version": "2.23.1",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -31,18 +31,19 @@
   },
   "dependencies": {
     "@svgr/webpack": "8.0.1",
-    "@modern-js/builder-shared": "2.22.1",
-    "@modern-js/utils": "2.22.1"
+    "@modern-js/builder-shared": "2.23.1",
+    "@modern-js/utils": "2.23.1"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.0",
     "@types/node": "^14",
     "typescript": "^5",
-    "@scripts/vitest-config": "2.22.1"
+    "@scripts/vitest-config": "2.23.1"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "scripts": {
     "new": "modern new",