Skip to content

Files

Latest commit

 

History

History

vanilla

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
src
src
 
 
CHANGELOG.md
CHANGELOG.md
 
 
README.md
README.md
 
 
package.json
package.json
 
 

README.md

vite-plugin-vanilla

Vanilla multi-page web development mode based on Vite.

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

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.