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