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.