我从目前前端三个比较流行的项目管理、构建工具出发，简单介绍一些它们的使用原理，帮助大家更好的入门，由于内容还在不断完善、充实中，后续内容会慢慢补上！欢迎大家一起 issue!

！

本文写于 Webpack 2 正式发布之前（完善文档阶段）。 不仅是一篇 Webpack 2 的入门教程，也让大家了解什么是 Webpack，值得收藏，长文慎入。

关于 首发地址：微信公众号——前端呼啦圈（Love-FED） 我的博客：劳卜的博客 知乎专栏：前端呼啦圈 前言 前端工程师其实是一个工作很杂的职位，除了要负责切图、写html/css/js外，还要解决一系列的浏览器兼容性、网页性能优化等问题，所以提高前端工程师的开发效率是势在必…

构建 webpack+jquery+es6+reactjs 自动化入坑

有 Web 开发经历的人都会遇到这样的一个情况，频繁的修改 HTML,CSS,JS 文件，然后刷新浏览器查看效果，有的时候索性 UX 就坐到你旁边指挥你，刷新次数能少么？大多数情况我们会连接一个外接显示器，这样不用频繁的切换窗口，但是未能避免频繁的刷新浏览器。更糟糕的是非静态页面，要是不能动态编译的话，还需要处理项目的热部署。所以笔者在网上查了查，同时咨询了一下身边的朋友小马，就有了下面这篇文章：通过 Broswersync 把文件变化实时更新到浏览器端，不同的前端技术架构体现的效果不一样，有的是不刷新页面的更新样式和布局，有的是刷新页面更新，效果更像是点击 “F5”。无论做前端还是后端，使用它将提高 30% 的工作效率，下面我们就直接进入正题。

2016 - 我的前端之路: 工具化与工程化从属于笔者的 Web 前端入门与工程实践，本文承接自笔者去年的年度总结：2015 - 我的前端之路: 数据流驱动的界面。另外如果对整体编程技术体系与思维感兴趣的推荐阅读另一篇盘点文章：2016 - 我的技术之路：编程知识体系结构图 。

本文列举了各大前端开发框架和工具，帮助前端开发人员更好的进行开发工作。

半年的时间，工作中对于框架的依赖越来越少，所以后面经常自己封装一些所需要用到的模块或者插件。我这里只做了实现，至于在项目中如何去封装，还要看具体框架、模块机制来做，所以我这里只作为一个实现方式的参考。