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 模块)