javascript - 请问前端构建工具和包管理器的专业含义

Question

构建工具在本站中的问答简单了解了一下，不知道我的理解是否正确，请各位师兄给予些指导，非常感谢。

构建工具：是一种自动化工具。对js的各种模块（比如插件的开发模块）进行合并，压缩，最后导出一个js文件。
不知道是否正确。

包管理器：只知道npm是包管理器，包括：安装、卸载、更新、查看、搜索、发布等功能。

如果是新手怎么来理解这两个专业词汇呢？希望各位师兄给予指导！

Answer 1

理解没有问题啊~

构建工具有 Gulp Grunt 等，包管理器有 npm bower 等。

对于新手要理解，我觉得可以从「先解释一下为什么要有构建工具和包管理器？」说起

希望有所帮助~

Answer 2

包管理是为了方便代码维护，而构建工具一是解决了维护的问题，二是为了提高网站性能。

Answer 3

关于构建工具，不仅是js，css、less、img等等都需要进行处理或编译后才能发布的，比如说压缩，合并，处理css浏览器前缀等等，而代码又需要维护，如果你不用自动构建工具，而是手动去做，也就是说你每改一次代码，就要压缩，合并等把一系列处理都做一次，才能用。用Gulp和Grunt等自动构建工具，再加上各种配套的插件，可以自动完成各种复杂的处理。
而想npm和bower就是你理解的意思，就像grunt，gulp构建工具，和他的插件，都可以用包管理器来管理。