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

Question

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

Answer 1

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

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

SRC文件夹仅用于存储整个项目的未压缩源代码。

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

Answer 2

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