我对 Webpack 的理解

Question

webpack 是一个打包工具，通过入口文件，解析相应的依赖，通过 loader 对不同文件进行处理，拼接 IIFE， 最终形成 bundle

plugin 与 loader 的含义和区别

loader：webpack 处理不同文件的工具

plugin：根据 webpack 的声明周期制作的插件，针对整个构建打包流程做定制化的处理

常见优化点

1. 基于esm 的 tree shaking
2. 缩小 babel-laoder 的范围
3. 资源压缩，gzip
4. 按需引入
5. 配置 external
6. 启用文件缓存