vite-plugin-vanilla

Vanilla multi-page web development mode based on Vite.

基于 Vite 的传统多页面 web 开发模式。

• Online Example

Installation

npm i vite-plugin-vanilla -D

Usage

import { defineConfig } from 'vite'
import vanilla from 'vite-plugin-vanilla'

export default defineConfig({
	plugins: [
		vanilla({
			include: 'src/pages/**/*.html',
			base: 'src/pages',
		}),
	],
})

// `/index.html` -> src/pages/index.html
// `/about/index.html` -> src/pages/about/index.html

API

vanilla(options: string | string[] | IOptions)

options

| Name | Type | Default | Description | | --------------- | ---------------------------- | --------------- | ------------------------------------- | | include | string \| string[] | src/**/*.html | The pattern of pages. | | exclude | string[] | [] | The pattern of pages to exclude. | | base | string | 'src' | The base directory of pages. | | suffix | string \| string[] | 'html' | The suffix of page file. | | minify | boolean | true | Whether to minify the HTML. | | transform | Transform | | Transform the HTML. | | inject | {tags:HtmlTagDescriptor[]} | | Inject the HTML Tags. | | replaceDefine | boolean | true | Static replace vite.define in HTML. |

options.transform

type Transform = (
	html: string,
	ctx: { originalUrl?: string; path: string }
) => Promise<string> | string

License

MIT

Contributing

Contributions are welcome! Please feel free to submit a Pull Request.