perf(web): optimize web Rsbuild and Tailwind build pipeline (#5786)

This commit is contained in:
QuentinHsu
2026-07-02 20:43:48 +08:00
committed by GitHub
parent 52858ad1e6
commit 95e8c5eecf
6 changed files with 81 additions and 65 deletions
+3 -6
View File
@@ -3,6 +3,7 @@ import { fileURLToPath } from 'node:url'
import { defineConfig, loadEnv } from '@rsbuild/core'
import { pluginReact } from '@rsbuild/plugin-react'
import { pluginTailwindcss } from '@rsbuild/plugin-tailwindcss'
import { tanstackRouter } from '@tanstack/router-plugin/rspack'
const __dirname = path.dirname(fileURLToPath(import.meta.url))
@@ -23,7 +24,7 @@ export default defineConfig(({ envMode }) => {
) as Record<string, { target: string; changeOrigin: boolean }>
return {
plugins: [pluginReact()],
plugins: [pluginReact(), pluginTailwindcss({ optimize: false })],
// Rsbuild 2: replaces deprecated `performance.chunkSplit` (RSPack 2 aligned)
splitChunks: {
preset: 'default',
@@ -83,11 +84,7 @@ export default defineConfig(({ envMode }) => {
performance: {
// Remove console in production
removeConsole: isProd ? ['log'] : false,
// Speed up repeated `rsbuild build` (local + CI when node_modules/.cache is preserved).
// @see https://v2.rsbuild.dev/config/performance/build-cache
buildCache: {
cacheDigest: [process.env.VITE_REACT_APP_VERSION],
},
buildCache: false,
},
tools: {
rspack: {