src和dist文件夹在JavaScript或jQuery中的作用是什么
使用标准的文件夹结构并不是绝对的要求,但基于JavaScript/jQuery社区一直以来的惯例,强烈推荐使用。
一些常见的目录是lib/ , src/ , build/ , dist/ , bin/ , test/ , unit/ , integration/ , env/
。
src:它代表的是源码,是在减化或串联或其他一些编译之前的原始代码,它已经被用来阅读或编辑代码。
src/
- src代表来源。
- /src文件夹包括未压缩的原始代码。
- /src文件夹用于存储文件,主要目的是阅读(和/或编辑)代码。
- /src文件夹包含所有的源代码,即在使用前需要操作的代码。
- 根据项目的不同,/src文件夹可能只包含纯源,或不包含减化的版本。
- 所以,/src文件夹主要用于存储任何减化前的源代码文件。
dist:它代表分发,是它在生产网站上实际使用的最小化或串联的版本。
dist/
- /dist代表可分发的。
- /dist文件夹包含源代码的最小化版本。
- 存在于/dist文件夹中的代码实际上是用于生产网络应用的代码。
- 除去精简后的代码,/dist文件夹还包括所有可能或不可能用于其他系统的编译模块。
- 将文件添加到/dist文件夹中比较容易,因为这是一个自动过程。所有的文件在保存时都会自动复制到dist文件夹中。
- /dist文件夹还包含所有那些运行/构建模块以用于其他平台所需的文件–无论是直接在浏览器中,还是在AMD系统中(如require.js)。
- 理想情况下,在每次构建前清理/dist文件夹被认为是一个好的做法。
例子:任何程序或库的源代码都在/src目录下。现在,如果一个人想使用某个库(C、C++、Java等)的源代码,而这个库是由另一个人编写的,那么他们需要在能够使用它之前先编译源代码。如果这个源代码不符合要求,那么就不可能使用它们。然而,如果在某种程度上,源代码的预编译版本已经可用,那么人们就不需要通过编译源代码文件的任务,就可以直接使用。这样一个已经编译好的版本被保存在/dist目录中。
同样地,如果一个人想分享一个JavaScript库,他应该把原始的(未减化的)源代码添加到src/文件夹中,把减化的(预编译的)版本添加到dist文件夹中。通过这样做,任何人都可以立即使用代码的最小化版本,而不需要自己进行最小化。