Vite/React项目构建后Chunk超500kB警告,懒加载无效求非修改Chunk解法
解决npm run build chunk大小警告(不修改Chunk的方案)
你要的不修改Chunk结构的解决办法,核心是调整警告触发的阈值,具体操作如下:
- 修改Vite配置文件:在项目根目录的
vite.config.js(或vite.config.ts)中,给build选项添加chunkSizeWarningLimit参数,把阈值设为大于你当前chunk的大小(比如设为1000,单位是KB):
import { defineConfig } from 'vite' // 其他导入... export default defineConfig({ // 其他配置... build: { chunkSizeWarningLimit: 1000 // 将警告阈值从默认500KB调整为1000KB } })
这个操作只会改变警告触发的条件,不会对实际生成的Chunk大小、结构做任何修改,完全符合你的需求。
另外补充:如果之前懒加载没生效,大概率是路由或组件的懒加载写法有问题,但既然你明确要求不修改Chunk,上面的方案是最直接有效的。
内容的提问来源于stack exchange,提问作者Raven01
相关产品推荐
相关产品推荐

