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

Question

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

我该怎么做呢？

这是我的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 buildnpm 脚本，这需要很多时间。

Answer 1

如果您希望 Vite对文件更改进行重建，您可以使用以下--watch标志：

vite build --watch

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

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

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