vite-plugin-mpg

multi-page-application for vite

Usage

1npm install vite-plugin-mpg -D

1// vite.config.js
2import vitePluginMultiPage from "vite-plugin-mpg";
3
4// @see https://vitejs.dev/config/
5export default defineConfig({
6    // ...
7    plugins: [
8        // ...other plugins
9        vitePluginMultiPage(/* options */),
10    ],
11})

Options

1type MultiPageItem = {
2    /**
3     * path accessed from url
4     */
5    path: string
6    
7    /**
8     * page entry
9     * it doesn t have to be .html
10     */
11    file: string
12    
13    /**
14     * When the `file` is not an html file, override the `template` configured by the root
15     */
16    template?: string
17}
18
19type MultiPagesOptions = {
20    /**
21     * When the `file` in MultiPageItem is not html, provide template html
22     * @default 'index.html'
23     */
24    template?: string
25    
26    /**
27     * pages
28     */
29    pages: MultiPageItem[]
30}
31

You can also write the above configuration by creating a pages.config.json file in the project root directory