perf(frontend): Vite 构建分包 — manualChunks 拆分 vendor
将 react/react-dom/react-router-dom → vendor-react 将 antd/@ant-design/icons → vendor-antd 将 html5-qrcode → vendor-qrcode 第三方巨头的独立 chunk 可被浏览器长期缓存,业务代码更新时无需重新下载。
This commit is contained in:
@ -7,6 +7,19 @@ import basicSsl from "@vitejs/plugin-basic-ssl";
|
|||||||
export default defineConfig({
|
export default defineConfig({
|
||||||
plugins: [react(), tailwindcss(), basicSsl()],
|
plugins: [react(), tailwindcss(), basicSsl()],
|
||||||
|
|
||||||
|
// 🚀 构建优化:将第三方巨头独立分包,利用浏览器缓存
|
||||||
|
build: {
|
||||||
|
rollupOptions: {
|
||||||
|
output: {
|
||||||
|
manualChunks: {
|
||||||
|
"vendor-react": ["react", "react-dom", "react-router-dom"],
|
||||||
|
"vendor-antd": ["antd", "@ant-design/icons"],
|
||||||
|
"vendor-qrcode": ["html5-qrcode"],
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
},
|
||||||
|
|
||||||
clearScreen: false,
|
clearScreen: false,
|
||||||
server: {
|
server: {
|
||||||
host: "0.0.0.0",
|
host: "0.0.0.0",
|
||||||
|
|||||||
Reference in New Issue
Block a user