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

What is the difference between src, public, and build in folder structure?

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

据我所知,构建webpack、parcel等工具,使用BUILDDIST(的当然你可以根据需要更改它)文件夹来存储项目的生产就绪构建文件。

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

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

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

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