[ Grunt + Gulp + Rollup + Bower + Yeoman + Browerify + Parcel ] 构建工具浅析及使用场景

有些公司的老项目,会用到这些工程化开发; 我留下了github上的各种实例 *.conf文件都有注释;
基本上完整的; 如果在跟新了新特性.也可以在我这上面测试尝新;

Parcel

这个要比webpack入手容易, 学习曲线不会那么长 ;基本无需配置;看官网的就行了; 但
我觉得webpack 配置起来好玩;

Browerify

让本地的js 应用服务端的js; require的能力;

webpack

包管理器;loader
https://github.com/cjcj5438/webpack1
https://github.com/cjcj5438/webpack2-3
https://github.com/cjcj5438/webpack4

Yeoman

模板构建工具
集 脚手架工具（YO），构建工具（Gulp，Grunt等）以及包管理器（如npm和Bower）与一身。
发布一些自己的模块;要用自己的发布的才好; 别人发布的不太好用

Rollup

Rollup是一个JavaScript模块打包器，它将小块代码编译成更大更复杂的代码，例如库或应用程序。

Rollup 是一个 JavaScript 模块打包器，可以将小块代码编译成大块复杂的代码，例如 library 或应用程序。Rollup 对代码模块使用新的标准化格式，这些标准都包含在 JavaScript 的 ES6 版本中，而不是以前的特殊解决方案，如 CommonJS 和 AMD。ES6 模块可以使你自由、无缝地使用你最喜爱的 library 中那些最有用独立函数，而你的项目不必携带其他未使用的代码。ES6 模块最终还是要由浏览器原生实现，但当前 Rollup 可以使你提前体验。 我一般会拿来加工js;
它的优点时tree-shaking 而且可以把js 打包成各种模块形式;cmd amd 等很多
https://github.com/cjcj5438/rollup

流式构建系统 Gulp

https://github.com/cjcj5438/Grunt-Smiple
介绍Gulp是自动化和简化Web开发的工具包。
工作方式 他是一个stream流的,它工作时就像一个管道;这一节开始,就是上一节的结束;输入正好对应着输出;更像一个IO操作;
缺点有时候有些插件跟不上,但是常用的插件还是很好用的;还有一点他是基于流的,网上有些不能跑通时;要自己基于流式开发工具,要对node的IO操作有一定的储备知识;

grunt搭建自动化

https://github.com/cjcj5438/Grunt-Smiple
优点:学习成本低,容易上手.社区插件成熟;插件非常多
缺点出来的年份比较早;在处理ES6的语法,要落于其他构建工具

Bower 包管理器

我看了一些文章说现在官方已经停止维护;
npm 和bower 的最大区别，就是 npm 支持嵌套地依赖管理，而 bower只能支持扁平的依赖（嵌套的依赖，由程序员自己解决）。