webpack 知识点整理

前端代码为何要进行构建和打包？

体积更小 (Tree-Shaking、压缩、合并)，加载更快

编译高级语言或语法（TS，ES6+，模块化，scss）

兼容性和错误检查（Polyfill、postcss、eslint）

统一、高效的开发环境

统一的构建流程和产出标准

集成公司构建规范（提测、上线等）

module、chunk、bundle 分别什么意思，有何区别？

module：各个源码文件，webpack中一切皆模块，只要是能引用的依赖，包括js、css、图片等都是模块。

chunk：多模块合并成的，如 entry、import()、splitChunk

bundle：最终的输出文件，一般是一个 chunk 对应 一个 bundle

loader 和 plugin 的区别？

loader：模块转换器，如 less -> css

plugin：扩展插件，如 HtmlWebpackPlugin

常见 loader 和 plugin 有哪些？

loaders | webpack 中文网

Plugins