JavaScript/jQuery 中 src 和 dist 文件夹的作用是什么?
使用标准文件夹结构不是绝对要求,但根据 JavaScript/jQuery 社区的惯例,强烈建议使用它。
一些常见的目录是lib/ 、 src/ 、 build/ 、 dist/ 、 bin/ 、 test/ 、 unit/ 、 integration/ 、 env/
src:它代表源代码,是在缩小或连接或其他一些编译之前的原始代码,它已用于读取或编辑代码。
src/
- src代表source 。
- /src文件夹包含未压缩的原始代码。
- /src文件夹用于存储文件,主要目的是阅读(和/或编辑)代码。
- /src文件夹包含所有源代码,即在使用之前需要对其进行操作的代码。
- 根据项目的不同, /src文件夹可能仅包含纯源或非缩小版本。
- 因此, /src文件夹主要用于在任何缩小之前存储源代码文件。
dist:它代表分发,是它在生产站点上实际使用的缩小或连接版本。
dist/
- /dist代表可分发。
- /dist 文件夹包含源代码的最小化版本。
- /dist 文件夹中的代码实际上是用于生产 Web 应用程序的代码。
- 除了缩小的代码外,/dist 文件夹还包含所有已编译的模块,这些模块可能会或可能不会与其他系统一起使用。
- 将文件添加到 /dist 文件夹更容易,因为它是一个自动过程。所有文件在保存时都会自动复制到 dist 文件夹。
- /dist 文件夹还包含运行/构建用于其他平台的模块所需的所有文件 - 直接在浏览器中或在 AMD 系统(例如 require.js)中。
- 理想情况下,在每次构建之前清理 /dist 文件夹被认为是一种很好的做法。
示例:任何程序或库的源代码都存在于 /src 目录中。现在,如果想要使用某个库(C、C++、 Java等)的源代码,而这些源代码是由另一个人编写的,那么他们需要先编译源代码才能使用它。如果此源代码不符合要求,则无法使用它们。但是,如果不知何故,源代码的预编译版本已经可用,则无需经过编译源代码文件的任务,即可直接使用。这样一个已经编译好的版本被保存到 /dist 目录中。
同样,如果希望共享 JavaScript 库,则应将原始(未缩小)源代码添加到 src/ 文件夹中,并将缩小(预编译)版本添加到 dist 文件夹中。通过这样做,任何人都可以立即使用代码的缩小版本,而无需自己缩小。