webpack

核心原理

从一个入口文件入手，分析其相关依赖，遍历每个依赖并使用相关 loader 处理它，然后再将通过 loader 处理后的结果合并？

常用 loader 分类

• 编译转换类
  • 例如 CSS loader
• 文件操作类
  • 例如操作图片资源的 file loader
• 代码检查类
  • 例如 eslint loader

loader 工作原理 & 开发一个 loader

？

plugin 解决其他自动化工作

自动清除输出目录插件

Webpack dev server

自动监听项目文件变化，提供 http 服务运行项目。当文件变化后自动重新打包构建，自动刷新浏览器。

Source Map

// TODO webpack 如何处理复杂的依赖？