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('src/pages/**/*.html', {
			base: 'src/pages',
		}),
	],
})

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

API

vanilla(pagePatterns, options)

pagePatterns

• Type: string | string[]

The glob pattern of pages.

options

Name	Type	Default	Description
base	string	'src'	The base directory of pages.
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.