diff --git a/blog/webpack/index.md b/blog/webpack/index.md
index d16f58f16e916d6e563c7d1140223bb4f3d19b58..b367c8b9ef425b2f94976ff10d33bc42c10e2102 100644
--- a/blog/webpack/index.md
+++ b/blog/webpack/index.md
@@ -6,9 +6,6 @@ https://www.bilibili.com/video/BV1e7411j7T5
 尚硅谷前端Webpack4教程（高级进阶篇）
 https://www.bilibili.com/video/BV1cv411C74F
 
-尚硅谷2022版Webpack5入门到原理
-https://www.bilibili.com/video/BV14T4y1z7sw
-
 笔记分享: https://lab.puji.design/webpack-getting-started-manual/
 
 课件地址webpack从入门到精通
diff --git a/blog/webpack/webpack5.md b/blog/webpack/webpack5.md
new file mode 100644
index 0000000000000000000000000000000000000000..2345c71705accb7b8b4554813510d8f134db2c0f
--- /dev/null
+++ b/blog/webpack/webpack5.md
@@ -0,0 +1,8 @@
+# Webpack5
+
+尚硅谷2022版Webpack5入门到原理
+https://www.bilibili.com/video/BV14T4y1z7sw
+
+在线笔记
+  - [https://yk2012.github.io/sgg_webpack5/](https://yk2012.github.io/sgg_webpack5/)
+  - [http://xxpromise.gitee.io/webpack5-docs/](http://xxpromise.gitee.io/webpack5-docs/)
diff --git a/doc/webpack.md b/doc/webpack.md
index 8fe43e31051aa0c4f12207df87971143755a9b98..0f022d3ec2a4f75ea5525525e272e7d146bedb28 100644
--- a/doc/webpack.md
+++ b/doc/webpack.md
@@ -1,6 +1,14 @@
 # webpack
 
-中文文档：[https://webpack.docschina.org](https://webpack.docschina.org)
+学习笔记
+
+- [Webpack4实战教程](/blog/webpack/index.md)
+
+- [Webpack5实战教程](blog/webpack/webpack5.md)
+
+中文文档：
+
+- [https://webpack.docschina.org](https://webpack.docschina.org)
 
 插件 | github | 描述
 - |- |  - 
@@ -33,5 +41,5 @@ polyfill Promises
 </script>
 ```
 
-[Webpack5实战教程](/blog/webpack/index.md)
+