中文 | English
支持 vite 的多页应用程序-支持 vue2/3、react 等
yarn add vite-plugin-multi-pages
# or
pnpm add vite-plugin-multi-pages
vite.config.ts
import mpa from 'vite-plugin-multi-pages';
export default defineConfig({
plugins: [mpa(/* options */)],
});
export interface MpaOptions {
/**
* 默认打开页面
* @default true
* @example / (root path) | true (first page) | test-two
*/
defaultOpenPage: '/' | boolean | string;
/**
* 多页面目录
* @default src/views
*/
scanDir: string;
/**
* 文件入口
* @default 'main.{js,ts,jsx,tsx}'
*/
scanFile: string;
/**
* html 文件名
* @default 'index.html'
*/
filename: string;
/**
* 路由匹配规则
* @default ''
*/
rewrites: Rewrite[];
/**
* 打包或启动特定的页面
* @default ''
* @example test-one,test-twos
*/
specialPageNames: string;
/**
* 忽略打包或启动特定的页面
* @default ''
* @example test-twos
*/
ignorePageNames: string;
}
- 配合
vite-plugin-html-template-mpa
自动生成index.html
模板插件使用: https://github.com/Miofly/vite-plugin-html-template-mpa - 配合
vite-plugin-vconsole-mpa
自动配置vconsole
: https://github.com/Miofly/vite-plugin-vconsole-mpa