vite-plugin-mp

Configure multi-pages applications and code splitting

Usage

1npm install vite-plugin-mp -D

1// vite.config.js
2import { defineConfig } from 'vite'
3import { ViteMpPlugin } from 'vite-plugin-mp'
4
5export default defineConfig({
6  plugins: [ViteMpPlugin()],
7})

add jsconfig.json or tsconfig.json to your project

1{
2  "compilerOptions": {
3    "baseUrl": ".",
4    "paths": {
5      "@/*": ["./src/*"],
6      "src/*": ["./src/*"]
7    }
8  },
9  "include": ["src"]
10}

if you want to force extract node_modules for vendor, you can import splitVendorChunkPlugin

1// vite.config.js
2import { defineConfig, splitVendorChunkPlugin } from 'vite'
3import { ViteMpPlugin } from 'vite-plugin-mp'
4
5export default defineConfig({
6  plugins: [ViteMpPlugin(), splitVendorChunkPlugin()],
7})

Example

See example and https://zhuweiyou.github.io/vite-plugin-mp/

Other Plugins

• vite-plugin-minify - Minify html in production