@modern-js/builder 2.23.0 → 2.24.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # @modern-js/builder
 
+## 2.24.0
+
+### Patch Changes
+
+- ef041c0: chore(builder): reuse externals plugin
+
+  chore(builder): 复用 externals 插件
+
+- Updated dependencies [c882fbd]
+- Updated dependencies [ef041c0]
+- Updated dependencies [4a82c3b]
+  - @modern-js/utils@2.24.0
+  - @modern-js/builder-shared@2.24.0
+
+## 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

package/dist/plugins/externals.d.ts

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

package/dist/plugins/externals.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.builderPluginExternals = void 0;
+function builderPluginExternals() {
+    return {
+        name: 'builder-plugin-externals',
+        setup(api) {
+            api.modifyBundlerChain(chain => {
+                const { externals } = api.getNormalizedConfig().output;
+                if (externals) {
+                    chain.externals(externals);
+                }
+            });
+            api.onBeforeCreateCompiler(({ bundlerConfigs }) => {
+                bundlerConfigs.forEach(config => {
+                    const isWebWorker = Array.isArray(config.target)
+                        ? config.target.includes('webworker')
+                        : config.target === 'webworker';
+                    // externals will not take effect, the Worker environment can not access global variables.
+                    if (isWebWorker && config.externals) {
+                        delete config.externals;
+                    }
+                });
+            });
+        },
+    };
+}
+exports.builderPluginExternals = builderPluginExternals;

package/dist/plugins/html.js

@@ -184,8 +184,6 @@ const builderPluginHtml = () => ({
                         .use(HtmlCrossOriginPlugin, [
                         { crossOrigin: formattedCrossorigin, HtmlPlugin },
                     ]);
-                    // todo: not support in rspack
-                    // @ts-expect-error
                     chain.output.crossOriginLoading(formattedCrossorigin);
                 }
                 if (faviconUrls.length) {

package/dist/plugins/index.js

@@ -49,4 +49,7 @@ 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()),
+    externals: () => Promise.resolve().then(() => __importStar(require('./externals'))).then(m => m.builderPluginExternals()),
 };

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/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.23.0",
+  "version": "2.24.0",
   "jsnext:source": "./src/index.ts",
   "types": "./dist/index.d.ts",
   "main": "./dist/index.js",
@@ -31,14 +31,14 @@
   },
   "dependencies": {
     "@svgr/webpack": "8.0.1",
-    "@modern-js/builder-shared": "2.23.0",
-    "@modern-js/utils": "2.23.0"
+    "@modern-js/builder-shared": "2.24.0",
+    "@modern-js/utils": "2.24.0"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.0",
     "@types/node": "^14",
     "typescript": "^5",
-    "@scripts/vitest-config": "2.23.0"
+    "@scripts/vitest-config": "2.24.0"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",