Vite Split Vendor Chunk Plugin


A Vite plugin that automatically splits vendor chunks from node_modules into separate files. This helps optimize your build by:

- Improving caching efficiency
- Reducing main bundle size
- Enabling parallel loading of dependencies

Installation

``bash
npm install split-vendor-chunk-plugin --save-dev
`

Usage

In your vite.config.js:

`javascript
import splitVendorChunkPlugin from 'split-vendor-chunk-plugin'

export default {
plugins: [
splitVendorChunkPlugin()
]
}
`

How it works

The plugin automatically detects imports from node_modules and splits them into separate chunks:

- Regular packages: node_modules/lodash → lodash-.js
- Scoped packages: node_modules/@babel/core → @babel/core-.js
- Other node_modules: grouped into vendor-.js`

License

MIT © Roger Vilà