介绍

官网：webpack

下载统计：npmjs.com

仓库任务进度：https://o0ke9xr7eb.feishu.cn/sheets/CuZxsMDoRhDzm2tgyhlcMZZmnRb

前言

这是一个学习webpack构建工具的一个仓库，该仓库不止于怎么使用webpack，会有一个合适的深度去讲解原理和练习Demo

仓库采用monorepo架构，不会涉及到TypeScript，且子仓库命名都有严格要求，不同分支代表不同章节。

代码规范按配置文件 .prettierrc

命名规范按照 pnpm-workspace.yaml，可在项目根目录运行不同子仓库的重要命令。

根目录文件夹	解释
chapters	项目章节代码主要存放处
concept	主要是一些前端工程化涉及的概念和工具
docs	文档网站内容
packages	存放一些公共资源的子包
playground	训练场下的子包，可以包含demo、测试一些想法之类的

注意点

仓库和子仓库运行命令、安装依赖等尽量使用pnpm

.gitignore的写法参考：.gitignore的匹配规则

QA

• 资源模块

  webpack5 之前通过raw-loader、url-loader、file-loader来处理资源模块。

  webpack5 之后 => 资源模块类型(asset module type)，通过添加 4 种新的模块类型，来替换所有这些 loader

  参考：https://webpack.docschina.org/guides/asset-modules/