前端工程化工具自选

工欲善其事，必先利其器。在Web2.0+的时代，前端的工作早已经不再是切切图、写写动效了。现在，前端的发展已经走向工程化、自动化、大型化，而这些进步需要一大批前端工具来实现。下面是我目前选择的一些前端工程化工具，以备使用时参考。

构建

• gulp，更先进灵活，以后的趋势，我的选择。
• grunt，目前仍有大量使用者，插件丰富，更成熟。

模块打包

• browserify，更简单方便，但功能较少，我的选择。
• webpack，功能强大，有大量使用者，但配置复杂。

脚手架

• yeoman，功能强大全面，插件丰富，我的选择。

包管理

• npm，Node.js官方包管理工具，功能强大，但好像不太适合前端包管理，我的选择。
• bower，更适合前端包管理，但并不好使。

CSS预处理

• stylus，新一代预处理器，功能强大灵活，但支持者较少。
• less，功能较弱，但使用简单，支持者较多，我的选择。
• scss/sass，功能强大，老牌预处理器，支持者众，但配置复杂。

模板引擎

• ejs，语法简单灵活，但功能较少，代码不直观，我的选择。
• jade，功能强大，代码简洁灵活，但上手不容易。
• handlebars，功能强大，上手不容易。

测试

• mocha，我的选择。
• jasmine。
• chai。

ES6编译

• babel，功能强大全面，我的选择。

版本管理

• git，我的选择。

未完待续…

thumb_up

本文遵循 CC BY-NC-SA 4.0 许可协议
本文链接：
https://www.niemingzhao.top/2017/01/14/前端工程化工具自选/