src和dist文件夹的作用是什么？

Question

我正在查看一个 jQuery 插件的 Git 存储库。我想对其进行一些更改以在我的项目中使用，但当我打开存储库时，它具有我从未见过的结构。我不确定要使用/复制哪些文件到我的项目中。

有一个“dist”和一个“src”文件夹。这些是什么用途？这是针对 Grunt 或者可能是 jQuery 插件特定的吗？

我感兴趣的 Git 存储库：https://github.com/ducksboard/gridster.js

- Don P

---

好的，请提供需要翻译的具体文本。 - Alan Dong

Answer 1

src/ 代表源代码，是未经缩小或合并或其他编译的原始代码 - 用于阅读/编辑代码。

dist/ 代表分发，是缩小/合并版本 - 实际上在生产站点上使用。

这是为了使网络资产更小而执行的常见任务。

您可以在此处查看示例：使用JavaScript、Node.js和Grunt将多个JS文件合并为一个。

- dmullings

---

为什么我们要把像index.html、style.css甚至bundle.js这些文件放在dist文件夹中，它们不应该和其他源文件一起放在src文件夹中吗？毕竟它们是“原始代码”（例如原始的HTML或JavaScript文件），毕竟它们还没有进行生产处理。 - Sebastian Nielsen

因为这些文件将被Web浏览器检索并用于显示，所以它们不是将被转译为其他形式的源代码文件。这些是分发文件。 - dmullings

当使用Sass时，我通常将style.css和style.min.css都放在dist文件夹中。这样做有问题吗？我的想法是管理员可以选择使用压缩的CSS或未压缩的CSS。两者都被浏览器接受。 - Jens Törnell

@Jens Törnell 我认为这样就好了。它们都是对浏览器有效的，因为它们已经被编译成了css。不应该放在“dist”文件夹中的是用于创建.css文件的源.scss或.sass文件。 - dmullings

为什么不把整个文件夹名称都写出来呢？如果是这样，我们就不必问这个问题了......相反，我们使用的是缩写文件夹名称，并且这些缩写并不能很好地推断它们的目的。 - Marko

“Marko，”加密名称是计算机早期记忆和存储空间有限时的遗留物。这主要是一种文化习惯，我找不到其他好的原因来维持这种习惯。使用“source/”，“public/”，“binaries/”和“libraries/”是没有问题的。但有些人可能会不满意。” - ximo