src 和 dist 文件夹的作用是啥？

Posted 2023-02-22

【中文标题】src 和 dist 文件夹的作用是啥？

【英文标题】：What is the role of src and dist folders?src 和 dist 文件夹的作用是什么？

【发布时间】：2014-07-07 00:11:46

【问题描述】：

我正在查看 jquery 插件的 git repo。我想在我自己的项目中进行一些更改，但是当我打开存储库时，它具有我以前从未见过的结构。我不确定要使用/复制到我自己的项目中的文件。

有一个“dist”和一个“src”文件夹。这些有什么作用？这是特定于 gruntjs 还是 jquery 插件的东西？

我很好奇的 git repo：https://github.com/ducksboard/gridster.js

【问题讨论】：

src：来源，dist：分布

【参考方案1】：

src/ 代表源代码，是缩小或连接或其他编译之前的原始代码 - 用于读取/编辑代码。

dist/ 代表 distribution，是 minified/concatenated 版本 - 实际用于生产站点。

这是为网络上的资产完成的一项常见任务，以使其更小。

您可以在此处查看示例：http://blog.kevinchisholm.com/javascript/node-js/javascript-concatenation-and-minification-with-the-grunt-js-task-runer/

【讨论】：

为什么要把index.html、style.css甚至bundle.js之类的文件放在dist文件夹里，难道它们不和其他源文件一起放在src文件夹里吗？ - 因为它们是“原始代码”（例如原始 html 或 javascript 文件？），毕竟它们还没有被处理用于生产。

@SebastianNielsen 因为这些文件将被 Web 浏览器检索并用于显示。它们不是 src 文件，会被转译成其他东西。这些是分发文件。

@Jens Törnell 我认为这很好。它们都对浏览器有效，因为它们已经编译为 css。不属于 dist 文件夹的是用于创建 .css 文件的源 .scss 或 .sass 文件

为什么不拼出整个文件夹名称？如果是这种情况，我们就不必问这个问题......相反，我们有缩写的文件夹名称，这些名称的缩写不足以推断其用途。

@Marko 隐秘名称是早期计算时代的遗迹，当时内存和存储空间有限。这主要是一种文化问题，我找不到任何其他好的理由来维护这种习俗。使用source/、public/、binaries/ 和libraries/ 没有任何问题。但有些人会对你怒目而视。