Open1
rsbuild buildの、ビルド設定、速度等調査メモ
knaka Tech-Blog概要
最近、rsbuildの記事を見ましたので。試したメモです
- 数日前、試しにビルド環境を構築したテストした程度です。
[公開: 2024/09/12]
環境
- @rsbuild/core: 1.0.1
- node: 20
- React
- shadcn/ui
関連
速度の面
rsbuild公式を参考しました。
viteと比較すると、下記のようでした。
- hmr: vite, rsbuildさほど変わらない
- build: rsbuild(280ms) vite(1.39sec, 1,390msec) で、大幅にrsbuild高速
- 実際ビルドすると、3～4倍前後は 高速でしたので。
- ビルド時に、rsbuildを使用メリットありそうでした。
build設定
- rsbuild.config.ts
- source > entry : エントリー設定
import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';
import path from "path"
//
export default defineConfig({
plugins: [pluginReact()],
source: {
entry: {
index: './src/entry-client.tsx',
},
},
});
- custom.config.ts : server-Build
- output > target : nodeにしました。
- distPath > root : 出力先フォルダ
import { defineConfig } from '@rsbuild/core';
import { pluginReact } from '@rsbuild/plugin-react';
import path from "path"
//
export default defineConfig({
plugins: [pluginReact()],
source: {
entry: {
index: './src/index.ts',
},
},
output: {
target: 'node',
distPath: {
root: 'dist/server',
},
filename: {
js: `[name].js`,
},
},
});