如何在每次更改时让 Vite 构建我的文件？

Question

我试图让 Vite 构建我的文件并将它们输出到 dist 文件夹中，每次我 save/make 在开发过程中更改我的文件时。

我该怎么做？

这是我的 vite.config.development.js 文件：

import { defineConfig } from "vite";
export default defineConfig({
    base: "./",
    build: {
        rollupOptions: {
            output: {
                assetFileNames: "assets/[name].[ext]",
                chunkFileNames: "assets/[name].[ext]",
                entryFileNames: "assets/[name].js",
            },
        },
        write: true,
    },
});

这是我在 package.json 中的脚本：

"frontend-dev": "vite --config vite.config.development.js",

它执行通常的 localhost:3000 操作，但它不会在我更改源代码时构建我的文件并将它们放入 dist 文件夹中。

目前，我每次都必须运行一个 vite build npm 脚本，这会花费很多时间。

Answer 1

你了解 NodeJS 吗？如果您了解 NodeJS，则可以使用 fs 模块监控文件夹和文件。通过监控src目录，只要有变化就可以触发vite。这是手动解决方案。不知道目前有没有npm包提供这个。

NodeJS Filestream Watch

Answer 2

如果你想让Vite做一个rebuild on file changes, you can use the --watch flag:

vite build --watch

在您的情况下，使用自定义配置文件：

vite build --watch --config vite.config.development.js

启用 --watch 标志后，对配置文件以及要捆绑的任何文件的更改将触发重建并将更新 dist 中的文件。

如何在每次更改时让 Vite 构建我的文件？

How do I make Vite build my files every time a change is made?

javascript

vite