vite-plugin-vue-scaffold-build v0.1.12

Scaffold - Vite - vue相关构建插件

环境

Node >= 17 & < 18

依赖

1. pnpm
2. Vite2.x
3. Vue3.x
4. TypeScript

使用

安装

npm i vite-plugin-vue-scaffold-build

OR

pnpm i vite-plugin-vue-scaffold-build

插件使用

//* vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

import build from "./src";

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue(), build({
    input: "src/target",
    withVue:false, //* 是否抽取vue
    buildComponents: true, //* 构建组件
    buildProject: false //* 构建项目
  },true)] //* 是否开启插件
});

类型

import type { PluginOption } from "vite";

interface IOptions {
  input?: string | string[],
  withVue?: boolean,
  buildComponents?: boolean,
  buildProject?: boolean
}

type TBuild = (rawOptions:IOptions,open:boolean)=> PluginOption;

插件参数

options 选项

input：string|string[]，组件所在目录

如果是buildComponents就需要该参数。 组件所在目录，构建时会深度递归扫描该目录，找到.vue文件 如果是字符串数组，就会遍历数组再去深度递归扫描数组内的目录

buildComponents：boolean，是否构建组件

如果true就需要把buildProject关闭

扫描input选项的目录后找出.vue文件，然后编译成.js文件

buildProject：boolean，是否是构建项目状态

会按正常流程构建整个项目，但插件会对构建项目一些参数等进行优化。

withVue:boolean=true，是否抽取Vue

默认是true，在不主动添加属性withVue:false，就会每次构建都会抽取vue

open 开启插件

如果是false，仅对构建项目过程些许优化
如不想使用插件，就需要把插件从vite的plugins选项中注释掉