Webpack基础配置
简介
打包模块化工具,一切文件皆模块,通过Loader转换文件,通过Plugin注入钩子,最后输出由多个模块组合而成的文件
核心概念
- Entry:入口,webpack执行构建的第一步
- Module:模块,在webpack中一切皆模块,一个模块对应一个文件。webapck会从配置的entry开始递归找出所有依赖的模块
- Chunk:代码块,一个Chunk由多个模块组合而成,用于代码合并与分割
- Loader:模块转换器,用于将模块的原内容按照需求转换成新内容
- Plugin:扩展插件,在webpack构建流程中的特定时机注入扩展逻辑,来改变构建结果
- Output:输出结果,在webpack经过一系列处理并得出最终想要的代码后输出结果