摘要：
在javascript刚刚流行时，前端项目通常比较简单，不需要考虑项目的开发效率、性能和扩展性等。随着前端项目越来越复杂，需要更正式的软件开发实践，比如单元测试(unit testing)、代码检查(linting)、文件缩小(minification)、文件捆绑(bundling)和代码编译(compilation)等。gulp/grunt可以自动化地执行压缩、编译、单元测试和代码检查(linting)任务，让开发者可以专心开发应用代码。当开始使用node中require()或import写浏览器代码 ，并加载npm安装的模块时，需要打包工具webpack或browerify。
webpack的打包流程可分2个阶段，一是从一个或多个入口文件开始构建依赖关系图，如流程图1；二是将项目所需的所有模块合并到一个或多个捆绑文件中，捆绑文件是包含所有内容的最终发布物，如流程图2。 阅读全文