一直用webpack打包用了好几年了,但其实只了解大概的配置意思,并没有仔细、深入去学习。那闲来无聊,就简单的浅浅学了一下webpack,这篇也来记录一下。
本质上,webpack 是一个用于现代 JavaScript 应用程序的 静态模块打包工具。当 webpack 处理应用程序时,它会在内部从一个或多个入口点构建一个 依赖图(dependency graph),然后将你项目中所需的每一个模块组合成一个或多个 bundles,它们均为静态资源,用于展示你的内容。
webpack | webpack中文文档 | webpack中文网
webpack打包的内容主要是
- 扫描项目,生成整个项目所有模块的依赖关系,根据配置对模块进行合并,生成一个单独的文件。修改html文件,让html文件引用生成后的文件
- 将浏览器无法直接识别的(less、sass、ts)文件&#