Configure multi-pages applications and code splitting
npm install vite-plugin-mpConfigure multi-pages applications and code splitting
``bash`
npm install vite-plugin-mp -D
`js
// vite.config.js
import { defineConfig } from 'vite'
import { ViteMpPlugin } from 'vite-plugin-mp'
export default defineConfig({
plugins: [ViteMpPlugin()],
})
`
add jsconfig.json or tsconfig.json to your project
`json`
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"@/": ["./src/"],
"src/": ["./src/"]
}
},
"include": ["src"]
}
if you want to force extract node_modules for vendor, you can import splitVendorChunkPlugin
`js
// vite.config.js
import { defineConfig, splitVendorChunkPlugin } from 'vite'
import { ViteMpPlugin } from 'vite-plugin-mp'
export default defineConfig({
plugins: [ViteMpPlugin(), splitVendorChunkPlugin()],
})
``
See example and
- vite-plugin-minify - Minify html in production