基础概念

本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具,当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容(webpack的概念参考
tips:在模块化编程中,开发者将程序分解为功能离散的 chunk(文件),并称之为 模块
例如下面的graph(依赖模式图)
webpack新手篇 - 图1
最终依赖文件的形成形态
webpack新手篇 - 图2

核心概念

从 v4.0.0 开始,webpack 可以不用再引入一个配置文件来打包项目,然而,它仍然有着 高度可配置性,可以很好满足你的需求。webpack的优势:过程粒度细化。
在开始前你需要先理解一些核心概念

为了更好地理解模块打包工具背后的理念,以及在底层它们是如何运作的,请参考以下资源: