📌  相关文章
📜  JavaScript/jQuery 中 src 和 dist 文件夹的作用是什么?

📅  最后修改于: 2022-05-13 01:56:03.935000             🧑  作者: Mango

JavaScript/jQuery 中 src 和 dist 文件夹的作用是什么?

使用标准文件夹结构不是绝对要求,但根据 JavaScript/jQuery 社区的惯例,强烈建议使用它。

一些常见的目录lib/src/build/dist/bin/test/unit/integration/env/

src:它代表源代码,是在缩小或连接或其他一些编译之前的原始代码,它已用于读取或编辑代码。

src/
  1. src代表source
  2. /src文件夹包含未压缩的原始代码。
  3. /src文件夹用于存储文件,主要目的是阅读(和/或编辑)代码。
  4. /src文件夹包含所有源代码,即在使用之前需要对其进行操作的代码。
  5. 根据项目的不同, /src文件夹可能仅包含纯源或非缩小版本。
  6. 因此, /src文件夹主要用于在任何缩小之前存储源代码文件。

dist:它代表分发,是它在生产站点上实际使用的缩小或连接版本。

dist/
  1. /dist代表可分发
  2. /dist 文件夹包含源代码的最小化版本。
  3. /dist 文件夹中的代码实际上是用于生产 Web 应用程序的代码。
  4. 除了缩小的代码外,/dist 文件夹还包含所有已编译的模块,这些模块可能会或可能不会与其他系统一起使用。
  5. 将文件添加到 /dist 文件夹更容易,因为它是一个自动过程。所有文件在保存时都会自动复制到 dist 文件夹。
  6. /dist 文件夹还包含运行/构建用于其他平台的模块所需的所有文件 - 直接在浏览器中或在 AMD 系统(例如 require.js)中。
  7. 理想情况下,在每次构建之前清理 /dist 文件夹被认为是一种很好的做法。

示例:任何程序或库的源代码都存在于 /src 目录中。现在,如果想要使用某个库(C、C++、 Java等)的源代码,而这些源代码是由另一个人编写的,那么他们需要先编译源代码才能使用它。如果此源代码不符合要求,则无法使用它们。但是,如果不知何故,源代码的预编译版本已经可用,则无需经过编译源代码文件的任务,即可直接使用。这样一个已经编译好的版本被保存到 /dist 目录中。

同样,如果希望共享 JavaScript 库,则应将原始(未缩小)源代码添加到 src/ 文件夹中,并将缩小(预编译)版本添加到 dist 文件夹中。通过这样做,任何人都可以立即使用代码的缩小版本,而无需自己缩小。