Automatic template generation.
npm install vite-auto-templatevite-auto-template 是一个专为 Vite 构建工具设计的插件,其主要功能是自动监视指定文件夹的变化并生成特定的模板文件。这个插件旨在提供一种便捷的方式,让开发者能够在项目开发过程中自动化地生成模板文件,从而提高工作效率。
vite-auto-template 插件:
npm install vite-auto-template --save-dev
或
yarn add vite-auto-template --dev
`
快速开始
要在您的 Vite 项目中使用 vite-auto-template 插件,请按照以下步骤操作:
配置插件 vite.config.ts
` ts
import { defineConfig } from 'vite';
import AutoTemplate from 'vite-auto-template';
export default defineConfig({
// ... 其他 Vite 配置选项
plugins: [
// 默认监听components文件夹并使用默认模板
AutoTemplate(),
],
});
`
无需手动创建,自动生成模板
配置选项
| 名称 | 类型 |描述|
| ---- | ---- |--|
| paths | string`PathsObj[]|默认监听components文件夹,支持string,string[],string PathsObj[]|
string|必填|路径|
string|非必填|填写_vac_template文件夹下文件名,识别不到使用默认模板|
StringOrStringFunction|非必填|原始命名占位符|
StringOrStringFunction|非必填|横杠命名占位符|
StringOrStringFunction|非必填|下划线命名占位符|
StringOrStringFunction|非必填|大驼峰命名占位符|
StringOrStringFunction|非必填|小驼峰命名占位符|
string|((originName:string) => string)
string|原始命名占位符|
string|横杠命名占位符|
string|下划线命名占位符|
string|大驼峰命名占位符|
string|小驼峰命名占位符|
[]代表继承创建时的文件夹名称|
[]代表使用当前名称|
ejs后缀会直接拷贝|
ts
AutoTemplate(
{
paths:'@/components',//默认使用default模板
}
)
`
- 字符串数组
` ts
AutoTemplate(
{
paths:['@/components']//默认使用default模板
}
)
`
- 对象数组
`ts
AutoTemplate(
{
paths:[{
path:'@/components'//默认使用default模板
},{
path:'@/views',
targetDir:'views'//使用_vac_template 下的views模板,匹配不到使用默认模板
}]
}
)
`
- 字符串 对象 数组
` ts
AutoTemplate(
{
paths:[
'@/components',
{
path:'@/views',
targetDir:'views'//使用_vac_template 下的views模板,匹配不到使用默认模板
}
]
}
)
``