src、public 和 build in 文件夹结构有什么区别？答案

【问题标题】：What is the difference between src, public, and build in folder structure?src、public 和 build in 文件夹结构有什么区别？
【发布时间】：2020-12-05 08:59:54
【问题描述】：

我知道这些文件包含什么，例如 build 包含从 src 文件缩小的缩小文件。我需要知道浏览器如何使用它。我尚未将构建文件上传到托管服务，但我的网站已呈现。在网站中，<script> SRC 已链接到构建，但没有上传构建，而是自动创建了一个构建。在 svelte 中观察到了这种行为。但我希望所有框架都这样做。

【问题讨论】：

标签： javascript reactjs browser working-directory svelte-3

【解决方案1】：

从此处找到的 Vercel 文档https://vercel.com/docs/build-step“Vercel 尝试自动检测您用于项目的前端框架并为您配置项目设置。如果您想覆盖设置或指定不同的框架，您可以从“构建和开发设置”部分执行此操作。”所以 Vercel 确实自动为您创建了一个构建文件夹。这没关系，因为您应该始终使用npm run build 创建您的构建文件夹并将您的主机指向使用此文件夹进行生产。

【讨论】：

【解决方案2】：

据我所知，构建 webpack、parcel 等工具，使用 BUILD 或 DIST （当然你可以随意改变它) 文件夹来存储项目的生产就绪构建文件。

PUBLIC 中的文件只是在构建过程完成后复制并粘贴到 build/dist 文件夹中。您可以在其中存储索引 html、图像、字体、favicon 或其他静态文本文件。它们不被构建工具处理。

SRC文件夹只是用来存放整个项目的未压缩源代码。

大多数框架使用'build/dist - src - public'结构，而像next.js这样的框架默认使用root来存储项目源代码。

【讨论】：

所以这是我构建的苗条应用程序的场景。我使用 vercel 来托管使用我的 github 存储库的应用程序。回购没有任何构建文件。但托管应用程序在浏览器源代码中有构建文件。 vercel 会自动构建 npm 并托管网站吗？？