Closed4
Rspackでバンドルを行う
依存関係の追加
bun init
bun install --dev @rspack/cli
設定
エントリーポイントをsrc/index.ts
、出力先をdist/bundle.js
とする。
tsconfig.json
@@ -18,5 +18,6 @@
"types": [
"bun-types" // add Bun global
]
- }
+ },
+ "include": ["src/**/*"]
}
rspack.config.js
// @ts-check
const isProduction = process.env.NODE_ENV === "production"
/** @type {import('@rspack/cli').Configuration} */
const config = {
entry: "./src/index.ts",
output: {
filename: "bundle.js",
path: "./dist/",
},
module: {
rules: [
{
test: /\.ts$/,
use: "builtin:swc-loader",
},
],
},
devServer: { static: { directory: "./dist/" } },
devtool: isProduction ? false : "source-map", // Production BuildのときにSource mapsを含めない
}
module.exports = config
ビルド
bun run rspack build --mode production
開発サーバー
bun run rspack serve
言語サポート
DefinePlugin
builtins.defineは非推奨。
rspack.config.js
const rspack = require('@rspack/core');
module.exports = {
plugins: [
new rspack.DefinePlugin({
'process.env.NODE_ENV': "'development'",
TRUE: true,
TRUE_STRING: 'true',
UNDEFINED: undefined,
UNDEFINED_STRING: 'undefined',
}),
],
};
このスクラップは2023/12/11にクローズされました