vite-plugin-multi-pages

English | 中文

Multi page applications supporting vite - vue2、3, react, etc

How To Use

Install

1yarn add vite-plugin-multi-pages
2# or
3pnpm add vite-plugin-multi-pages

ToConfigure

vite.config.ts

1import mpa from 'vite-plugin-multi-pages';
2
3export default defineConfig({
4  plugins: [mpa(/* options */)],
5});

Options

1export interface MpaOptions {
2  /**
3   * defaultOpenPage
4   * @default true
5   * @example / (root path) | true (first page) | test-two
6   */
7  defaultOpenPage: '/' | boolean | string;
8  /**
9   * scanning dir
10   * @default src/views
11   */
12  scanDir: string;
13  /**
14   * scanFile
15   * @default 'main.{js,ts,jsx,tsx}'
16   */
17  scanFile: string;
18  /**
19   * html fileName
20   * @default 'index.html'
21   */
22  filename: string;
23  /**
24   * rewrite rule list
25   * @default []
26   */
27  rewrites: Rewrite[];
28  /**
29   * open or build a specific page under scanDir
30   * @default ''
31   * @example test-one,test-twos
32   */
33  specialPageNames: string;
34  /**
35   * ignore open or build a specific page under scanDir
36   * @default ''
37   * @example test-twos
38   */
39  ignorePageNames: string;
40}

examples

• src/examples

More

• Cooperate vite-plugin-html-template-mpa plugin : https://github.com/Miofly/vite-plugin-html-template-mpa
• Cooperate vite-plugin-vconsole-mpa plugin config vconsole : https://github.com/Miofly/vite-plugin-vconsole-mpa