rolldown-vite split chunks plugin
npm install @xiaowaibuzheng/rolldown-vite-split-chunksVite插件,基于rolldown实现构建node_modules分包方案
- 自动将node_modules拆分为多个chunk
- 可配置的chunk命名规则
- 完善的TypeScript类型支持
- Node.js >= 20.0.0
- Vite >= 8.0.0
``bash使用npm
npm install @xiaowaibuzheng/rolldown-vite-split-chunks
🚀 使用方式
$3
`ts
import { splitChunks } from '@xiaowaibuzheng/rolldown-vite-split-chunks'
import { defineConfig } from 'vite'export default defineConfig({
plugins: [
splitChunks()
]
})
`$3
`ts
// 配置接口定义
interface SplitChunksOptions {
/**
* vendor chunk前缀,默认: 'p-'
* 示例: p-react, p-lodash
*/
vendor_prefix?: string /**
* 异步chunk后缀,默认: '-async'
* 示例: p-react-async
*/
async_suffix?: string
}
// 使用示例
splitChunks({
vendor_prefix: 'p-',
async_suffix: '-async'
})
`💡 最佳实践
1. 生产环境优化:
`ts
splitChunks({
vendor_prefix: 'vendor-',
async_suffix: '.async'
})
``Q: 如何验证分包是否生效?
A: 构建后检查dist目录下的chunk文件命名
Q: 为什么我的node_modules没有被拆分?
A: 检查是否满足环境要求,并确保没有其他插件冲突
MIT