webpack

理解,解决了什么问题
构建流程
loader 用于对模块的"源代码"进行转换，在 import 或"加载"模块时预处理文件对于sass处理, style-loader(把 css-loader 生成的内容，用 style 标签挂载到页面的 head 中),css-loader(分析 css 模块之间的关系),sass-loader(预处理器) 配置顺序,作用,执行顺序
```
    rules: [
  {
    test: /\.css$/,
    use: [
      { loader: 'A' },
      { loader: 'B' },
      { loader: 'C' }
    ]
  }
]
```
plugin
编写Loader，Plugin的思路？
webpack的热更新
webpack proxy工作原理？为什么能解决跨域?
webpack 优化前端性能, JS代码压缩 CSS代码压缩 Html文件代码压缩文件大小压缩图片压缩 Tree Shaking 代码分离内联 chunk
webpack的构建速度优化 loader 配置合理使用 resolve.extensions 优化 resolve.modules 优化 resolve.alias 使用 DLLPlugin 插件使用 cache-loader terser 启动多线程合理使用 sourceMap
类似工具 Rollup (ES Modules 打包器), Vite