Webpack科普入门,笑笑十年,React，Vue，Angualr，Riot等新的开发框架可以让我们将项目拆分的粒度更细，模块化，组件化，很大的提升了开发和维护的效率。 随之而来的问题是如何将各种模块有效的组织起来，这也催生了Requirejs,Seajs，它们用来分离并组织模块，然后我们会使用Grunt、Gulp等任务构建整合这些碎片化的代码。 但是痛点依然存在，因为我们必须写很多嗅探代码来识别CMD，AMD，小心的手动维护工程目录，以及手动书写Task构建流程，因为构建工具还是不够智能，所以Webpack顺势而生。 Webpack是一个打包工具，它可以让你以书写服务端代码的方式来相互引用依赖，它来负责做查找引用并打包你所依赖的代码，并可以将非脚本资源编译成脚本模块，打包在一起。 这个教程是一个入门的科普，希望让你了解Webpack是什么，如何搭建初步的脚手架。 我并不建议大家直接使用Github上的脚手架，知其然还应当知其所以然，不然当你的业务与标准模板不一致的时候，你就会束手无策了，而变化是必然的，让我们开始吧。 本教程所有源代码可以访问下面地址来下载：https://github.com/whosesmile/video-source/tree/master/webpack 适用人群：1. 了解ES6语法； 2. 理解前端项目模块化，工程化的意义； 3. 熟悉NPM