src和dist文件夹在JavaScript或jQuery中的作用是什么

src和dist文件夹在JavaScript或jQuery中的作用是什么

使用标准的文件夹结构并不是绝对的要求,但基于JavaScript/jQuery社区一直以来的惯例,强烈推荐使用。

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

src:它代表的是源码,是在减化或串联或其他一些编译之前的原始代码,它已经被用来阅读或编辑代码。

src/
  1. src代表来源。
  2. /src文件夹包括未压缩的原始代码。
  3. /src文件夹用于存储文件,主要目的是阅读(和/或编辑)代码。
  4. /src文件夹包含所有的源代码,即在使用前需要操作的代码。
  5. 根据项目的不同,/src文件夹可能只包含纯源,或不包含减化的版本。
  6. 所以,/src文件夹主要用于存储任何减化前的源代码文件。

dist:它代表分发,是它在生产网站上实际使用的最小化或串联的版本。

dist/
  1. /dist代表可分发的。
  2. /dist文件夹包含源代码的最小化版本。
  3. 存在于/dist文件夹中的代码实际上是用于生产网络应用的代码。
  4. 除去精简后的代码,/dist文件夹还包括所有可能或不可能用于其他系统的编译模块。
  5. 将文件添加到/dist文件夹中比较容易,因为这是一个自动过程。所有的文件在保存时都会自动复制到dist文件夹中。
  6. /dist文件夹还包含所有那些运行/构建模块以用于其他平台所需的文件–无论是直接在浏览器中,还是在AMD系统中(如require.js)。
  7. 理想情况下,在每次构建前清理/dist文件夹被认为是一个好的做法。

例子:任何程序或库的源代码都在/src目录下。现在,如果一个人想使用某个库(C、C++、Java等)的源代码,而这个库是由另一个人编写的,那么他们需要在能够使用它之前先编译源代码。如果这个源代码不符合要求,那么就不可能使用它们。然而,如果在某种程度上,源代码的预编译版本已经可用,那么人们就不需要通过编译源代码文件的任务,就可以直接使用。这样一个已经编译好的版本被保存在/dist目录中。

同样地,如果一个人想分享一个JavaScript库,他应该把原始的(未减化的)源代码添加到src/文件夹中,把减化的(预编译的)版本添加到dist文件夹中。通过这样做,任何人都可以立即使用代码的最小化版本,而不需要自己进行最小化。

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程