webpack学习记录
2019-10-08 本文已影响0人
拾钱运
先从看文档开始学习，认识，学习的是webpack v4.41.0
传送门：https://www.webpackjs.com/
概念：
webpack是现代javascript应用程序的静态模块打包器。当webpack处理程序的时候，他会递归地构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。
了解更多javascript模块和webpack模块这里：https://www.jianshu.com/p/164111f4ba70
从webpack v4.0.0开始，可以不用引入一个配置文件。然而，webpack仍然还是高度可配置（需要在进一步学习）的。
webpack的四个核心概念：
- 入口（entry）
- 输出 （output）
- loader
- 插件（plugins）
入口
入口起点指示webpack应该使用哪个模块，来作为构建其内部依赖图的开始。进入入口后webpack会找出那些模块和库是入口（直接和间接）依赖的
每个依赖项随即被处理，最后输出到一个叫bundles的文件中
通过webpack配置entry属性，来指定一个入口文件（main.js）
