前端工具之WebPack解密之背景

一、背景

如果你和我一样，之前对于前端打包工具的发展一无所知，甚至于不知道这些工具出现的必要性。你可以浏览此部分的内容，如果你不想知道这些或者对这些并不感兴趣，可以直接跳过此部分。

创新互联建站专业提供成都主机托管四川主机托管成都服务器托管四川服务器托管，支持按月付款！我们的承诺：贵族品质、平民价格，机房位于中国电信/网通/移动机房，服务器机柜租赁服务有保障！

互联网程序现状

随着移动互联的来袭，当前越来越多的网站已经从单纯的网页模式，开始升级为webapp模式。它们运行在现代的浏览器中，使用HTML5、CSS3、ES6等技术开发，已经从单一的浏览功能转变为一个基于浏览器的富客户端。并且webapp通常是一个SPA(Single Page Application 单页面应用)。每个页面（View）通过异步的方式加载，有着良好的用户体验。但是这样做的结果是导致程序初始化和使用的过程中需要更多、更复杂的JavaScript代码来实现，这就对前端程序的开发带来巨大的挑战！

模块化系统的演变

随着程序的复杂性的增加，项目结构的庞大。把单一js文件按职责进行模块化划分。

我们在写页面的时候会这样写：

这是最基础的JavaScript加载方式，每个JS的所有方法和属性都是暴露在window对象中的（就像把所有代码都放在一个命名空间或者同一个包下），借助全局对象，我们就能使用这些属性和方法。如果更为复杂的程序会使用命名空间的概念来组织这些模块的接口，比如：YUI

这种开发方式带来的弊端：

• 全局的作用域下容易造成变量的相互冲突（这是一个很常见的问题）

• 文件只能按照