本文介绍了Webpack，一个用于现代JS应用的打包工具，它通过依赖图将应用模块打包成小文件，加快网页响应速度。文章详细讲解了Webpack的四个核心概念：Entry（入口文件），Output（输出配置），Loaders（转换模块）和Plugins（插件系统），并结合在线电影订票系统的例子展示了具体配置和使用方法。
什么是Webpack
Webpack是针对现代JS应用的打包工具。它在处理时，会递归地建立一张依赖图。该依赖图包含了应用中需要的所有关联模块，Webpack会将这些模块打包成很小的文件（通常是一个文件）。这样，当我们浏览网页（从服务器获取数据）时，需要的文件大小就大大减小，响应时间自然也就减少。如下图：
Webpack的核心概念
只要理解了Webpack的4个核心概念，配置就会变得非常简单。这4个核心概念为：
- Entry
- Output
- Loaders
- Plugins
1. Entry
上面已经说到了，webpack会创建整个应用的依赖图。那么，这个依赖图就需要有一个“入口”，也可以理解为起始点。根据这个起始点，webpack可以找到所有的依赖文件，并根据依赖图将这些文件打包起来。这个起始点就是Entry，就是一个入口文件（或根文件）。
在Webpack配置文件中，通过entry属性来定义。在我的电影订票系统
最低0.47元/天 解锁文章
832
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
