webpack官网:https://webpack.docschina.org...
为什么应用webpack?
回顾一下历史,之前是如何开发我的项目的
第一阶段
(1)在每个html文件中都援用大量的<script>标签

这种形式会造成网络瓶颈,并且加载大量的无用代码
(2)只引入一个js文件,这个js里蕴含了整个我的项目的所有代码,几万行甚至几十万行代码。
这种形式会导致作用域不好辨别,同时难以保护
第二阶段
IIFE立刻执行函数(function(){})()解决大型项目的作用域问题,Grunt、Gulp就是应用这种模式。
当然这样做也有一些问题,比方批改了一个文件也要从新构建整个我的项目。引入第三方库时,即便只须要大量代码,也要引入整个第三方库代码,不能做到代码宰割。
第三阶段
应用webpack(实质上,webpack只是动态模块打包工具)
当然,webpack是基于以下的根底条件或者启发之后产生的
(1)node.js的诞生,让js能够在浏览器之外的计算器和服务中运行
(2)common.js引入了require机制,容许在以后文件中加载其余模块(浏览器不反对common.js的模块机制,因而呈现了Browserify, RequireJS 和 SystemJS 等打包工具,容许咱们编写可能在浏览器中运行的common.js模块)