为什么用webpack
或者问 他拿来干嘛。至少我一开始是不清楚的——只看官网首页的那么几个介绍的话。但是在指南的起步章节中,就能体会到他的作用。
在此示例中,
<script>
标签之间存在隐式依赖关系。index.js
文件执行之前,还依赖于页面中引入的lodash
。之所以说是隐式的是因为index.js
并未显式声明需要引入lodash
,只是假定推测已经存在一个全局变量_
。 使用这种方式去管理 JavaScript 项目会有一些问题:
- 无法立即体现,脚本的执行依赖于外部扩展库(external library)。
- 如果依赖不存在,或者引入顺序错误,应用程序将无法正常运行。
- 如果依赖被引入但是并没有使用,浏览器将被迫下载无用代码。
让我们使用 webpack 来管理这些脚本。