每次更改文件后，所有文件都会在网络中上传答案

【问题标题】：After every change in file, all files are getting upload in network每次更改文件后，所有文件都会在网络中上传
【发布时间】：2023-02-21 13:40:19
【问题描述】：

我正在使用 React 和 Vite。每当我在开发过程中在本地更改我的文件时，我都会遇到一个奇怪的问题，所有文件（组件、资产等）在每次保存后都会上传。如果有人可以帮助我，那就太好了。提前致谢。

以下代码是我的 vite 配置：

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import viteTsconfigPaths from "vite-tsconfig-paths";
import svgrPlugin from "vite-plugin-svgr";

export default defineConfig({
  plugins: [react(), viteTsconfigPaths(), svgrPlugin()],
  server: {
    port: 3000,
    watch: {
      ignored: ["!**/node_modules/**"],
    },
  },
  build: {
    outDir: "./build",
  },
  resolve: {
    alias: {
      src: "/src",
      styles: "/src/styles",
      "@": "src/styles",
    },
  },
});

我想知道这种行为背后的原因，因为每次从文件保存后，结果都会在 7-10 秒后显示，并且所有文件都在上传，而不是只上传更改的文件。

【问题讨论】：

这些文件也上传到哪里？
您需要在服务器配置中排除 watched 目录。 watch: { exclude: ["path/to/directory"], },同时删除ignored: ["!**/node_modules/**"],

标签： javascript reactjs vite

【解决方案1】：

据我所知，vite 中的服务器插件负责该操作，因为它负责即时服务器启动，因此它会更新所有内容，以便启动服务器没有问题。

【讨论】：