1.Webpack是什么?
webpack是个静态的模块化打包工具,包括以下部分。
1.打包bundler:webpack可以将帮助我们进行打包,所以它是一个打包工具。
2.静态的static:这样表述的原因是我们最终可以将代码打包成最终的静态资源(部署到静态服务器)。
3.模块化module:webpack默认支持各种模块化开发,ES Module、CommonJS、AMD等。
2.webpack到底是如何对我们的项目进行打包的呢?
事实上webpack在处理应用程序时,它会根据命令或者配置文件找到入口文件;
从入口开始,会生成一个 依赖关系图,这个依赖关系图会包含应用程序中所需的所有模块(比如.js文件、css文件、图片、字体等);
然后遍历图结构,打包一个个模块(根据文件的不同使用不同的loader来解析);