Webpack基础配置

简介

打包模块化工具,一切文件皆模块,通过Loader转换文件,通过Plugin注入钩子,最后输出由多个模块组合而成的文件

核心概念

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