webpack-初见webpack

1.Webpack是什么？

webpack是个静态的模块化打包工具，包括以下部分。

1.打包bundler：webpack可以将帮助我们进行打包，所以它是一个打包工具。

2.静态的static：这样表述的原因是我们最终可以将代码打包成最终的静态资源（部署到静态服务器）。

3.模块化module：webpack默认支持各种模块化开发，ES Module、CommonJS、AMD等。

2.webpack到底是如何对我们的项目进行打包的呢？

事实上webpack在处理应用程序时，它会根据命令或者配置文件找到入口文件；

从入口开始，会生成一个 依赖关系图，这个依赖关系图会包含应用程序中所需的所有模块（比如.js文件、css文件、图片、字体等）；

然后遍历图结构，打包一个个模块（根据文件的不同使用不同的loader来解析）；

Webpack依赖图