本质上，webpack是一个现代javaScript应用程序的静态模块打包器(module bundler). 当webpack处理应用程序时，他会递归地构建一个个依赖关系图(dependency graph), 其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle.

 

从webpack v4.0开始，可以不用引入一个配置文件。然而，wepack仍然还是高度可配置的。在开始前你需要先理解四个核心概念：

• 入口(entry)
• 输入(output)
• loader
• 插件(plugins)

入口[entry]

入口起点(entry point)指示webpack应该使用那个模块，来作为构建其内部依赖图的开始。进入入口起点后，webpack会找出有哪些模块和库是入口起点(直接和间接)依赖的。