vite 构建运行自定义脚本

时间:2024-10-02 15:09:41

使用 Vite 的插件系统

1. 创建一个 Vite 插件

可以使用 JavaScript 或 TypeScript 编写一个 Vite 插件,在插件的特定钩子函数中执行自定义脚本。

- 例如,在`build`钩子中执行一个命令:

const { execSync } = require("child_process");



export default function customScriptPlugin() {

  return {

    name: "custom-script",

    buildStart() {

      // 在构建开始前执行命令

      execSync('echo "Building started."');

    },

    buildEnd() {

      // 在构建结束后执行命令

      execSync('echo "Building ended."');

    },

  };

}

2. 在 Vite 配置文件中使用插件

在`vite.config.js`中引入并使用插件:

import { defineConfig } from "vite";

import customScriptPlugin from "./customScriptPlugin";



export default defineConfig({

  plugins: [customScriptPlugin()],

});