前端工程化工具自选
2017-01-14 / 聂明照   

工欲善其事,必先利其器。在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,我的选择

未完待续…

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