Vite创建的React项目执行构建命令后未生成部署所需build文件夹的问题

嗨，我明白你的困惑啦！其实这完全不是问题，只是Vite和你可能熟悉的其他React脚手架（比如Create React App）默认的构建输出目录不一样而已😎

你看命令执行后的输出已经明确显示了：

✓ 74 modules transformed.
dist/index.html 0.45 kB
dist/assets/index-a9bba2ed.css 3.06 kB │ gzip: 1.04 kB
dist/assets/index-757929e7.js 166.58 kB │ gzip: 54.39 kB
✓ built in 7.25s

这里的dist文件夹就是Vite默认生成的构建产物目录，所有部署需要的文件都在里面，你直接用这个目录去部署就完全没问题。

如果实在习惯用build作为目录名，也可以轻松修改配置：

• 打开项目根目录下的vite.config.js（如果是TypeScript项目就是vite.config.ts）
• 在配置对象里添加build.outDir字段，指定输出目录为build，示例代码如下：

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

export default defineConfig({
  plugins: [react()],
  build: {
    outDir: 'build' // 把输出目录改成build
  }
})

保存配置后重新执行npm run build，就能看到你想要的build文件夹了。

另外还要提醒一句：npm run dev是启动开发服务器的命令，它不会生成任何生产环境的构建产物，只有npm run build或者npx vite build才会生成用于部署的文件夹哦。

备注：内容来源于stack exchange，提问作者CatCoder