Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
https://github.com/webpack-china/awesome-webpack-cn

[印记中文](https://docschina.org/) - webpack 优秀中文文章
https://github.com/webpack-china/awesome-webpack-cn
List: awesome-webpack-cn
angular react vue webpack webpack2 webpack3
Last synced: about 1 month ago
JSON representation
[印记中文](https://docschina.org/) - webpack 优秀中文文章
Host: GitHub
URL: https://github.com/webpack-china/awesome-webpack-cn
Owner: webpack-china
Created: 2017-01-05T03:38:16.000Z (over 7 years ago)
Default Branch: master
Last Pushed: 2022-07-15T09:49:21.000Z (almost 2 years ago)
Last Synced: 2024-04-14T10:59:53.860Z (2 months ago)
Topics: angular, react, vue, webpack, webpack2, webpack3
Homepage: https://webpack.docschina.org/
Size: 58.6 KB
Stars: 3,806
Watchers: 209
Forks: 576
Open Issues: 2
Metadata Files:
- Readme: README.md
Lists

awesome - awesome-webpack-cn - webpack 优秀中文文章 (Awesomes / 文档)
awesome-stars - awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (Others)
awesome-github-star - awesome-webpack-cn - webpack 优秀中文文章 | webpack-china | 3778 | (Others)
awesome-star-libs - webpack-china / awesome-webpack-cn
awesome - awesome-webpack-cn
awesome-stars - awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (Others)
awesome-stars-webVueBlog - webpack-china/awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (miscellaneous / 运维\&DevOps)
awesome - webpack-china/awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (miscellaneous)
awesome-stars-Sunny-117 - webpack-china/awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (miscellaneous)
ultimate-awesome - awesome-webpack-cn - [印记中文]( - webpack 优秀中文文章. (Other Lists / Julia Lists)
awesome-stars - webpack-china/awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (Others)
awesome-stars - webpack-china/awesome-webpack-cn - [印记中文](https://docschina.org/) - webpack 优秀中文文章 (Others)
README

        # 搜罗一切 webpack 的好文章好工具

## webpack 优秀中文文章

如有好文, 请到此[issue](https://github.com/webpack-china/webpack-articles-cn/issues/1)里提交文章，或者直接发pull request.

### :mortar_board: webpack 入门

#### :closed_book: webpack 小册

* [《webpack指南》](https://webpack.toobug.net/zh-cn/) | `TooBug` | 2015

* [《深入浅出Webpack》](http://webpack.wuhaolin.cn/) | `gwuhaolin` | 2017

* [《Webpack 中文指南》](https://zhaoda.net/webpack-handbook/index.html) | `赵达` | 2017

* [《Webpack Guidebook》](https://tsejx.github.io/webpack-guidebook/) | `tsejx` | 2018

* [《玩转 webpack》](https://time.geekbang.org/course/intro/100028901?tab=intro) | `程柳锋` | 2019

#### :closed_book: webpack1.x

* [webpack-demos](https://github.com/ruanyf/webpack-demos) | `ruanyf` | 2016

* [一小时包教会 —— webpack 入门指南](http://www.cnblogs.com/vajoy/p/4650467.html) | `VaJoy Larn` | 2015-07-16

* [webpack 入门及实践](http://www.w3ctech.com//topic/1557) | `zhouweicsu` | 2015-10-30

* [Webpack傻瓜式指南（一）](http://zhuanlan.zhihu.com/FrontendMagazine/20367175) | `张轩` | 2016

* [Webpack傻瓜式指南（二）](http://zhuanlan.zhihu.com/FrontendMagazine/20397902) | `张轩` | 2016

* [入门Webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f) | `zhangwang ` | 2016-08-05

* [教你一步步从零构建webpack开发多页面环境](https://github.com/riskers/blog/issues/27) | `riskers` | 2017-01-19

* [让 Webpack 来帮你打包吧](https://blog.zhangjd.me/2016/06/19/webpack-your-bags/) | `达仔` | 2016-06-19

* [前端自动化构建工具Webpack开发模式使用指南](http://blog.csdn.net/q1056843325/article/details/54600090) | `_accelerator_` | 2017-01-18

* [webpack 学习（一）](http://lizhihua.me/2017/01/31/webpack/source_code_01/) | `dear-lizhihua` | 2017-01-31

* [webpack入门必知必会](https://segmentfault.com/a/1190000008165126) | `劳卜` | 2017-01-09

* [webpack深入与实战](http://www.imooc.com/learn/802) | `qbaty` | 2017-02-15

* [「前端」看懂前端脚手架你需要这篇webpack](https://segmentfault.com/a/1190000008683588) | `尚妆产品技术刊读` | 2017-03-14

#### :closed_book: webpack2.x

#### :book: webpack2.x 入门

* [[译] Webpack 2 有哪些新东西](https://github.com/cssmagic/blog/issues/58) | `cssmagic` | 2016-02-15

* [ Webpack 2 入门教程](https://llp0574.github.io/2016/11/29/getting-started-with-webpack2/) | `llp` | 2016-11-29

* [Webpack 2 Tree Shaking Configuration](https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233#.s0tndmlnq) | `Grgur Grisogono` | 2016-02-31

* [webpack2 tree-shaking 编译研究](https://github.com/Jschyz/webpack-tree-shaking) | `Jschyz` | 2017-01-16

* [[译文]使用 Webpack 2 和 Babel 6 进行 Tree-shaking](http://zjy.name/archives/webpack-tree-shaking.html) | `Zhang Visper` | 2016-04-29

* [webpack 2.2: 最终的版本](https://github.com/huangtubiao/webpack-translate/issues/1) | `leo` | 2017-01-18

* [Webpack 2最终版本发布，聚焦文档内容提升](http://www.infoq.com/cn/news/2017/01/webpack-2-final-documentation) | `刘嘉洋` | 2017-01-23

* [webpack 2及更高版本](https://github.com/huangtubiao/webpack-translate/issues/3) | `leo` | 2017-02-02

* [从 webpack v1 迁移到 webpack v2](http://www.zcfy.cc/article/migrating-from-v1-to-v2-2378.html) | `十年踪迹` | 2017-01-19

* [webpack2 升级指南和特性摘要](https://segmentfault.com/a/1190000008181955) | `Abact` | 2017-01-20

* [[译]webpack2 快速入门](https://github.com/dwqs/blog/issues/46) | `dwqs` | 2017-01-20

* [升级到 webpack2](https://imnerd.org/upgrade-to-webpack-2.html) | `公子` | 2017-01-26

* [技术 | webpack 2 使用总结](http://mp.weixin.qq.com/s/pKEzIc_ikxC7RsDkTEBbYg) | `象尘说` | 2017-02-05

* [【翻译向】webpack2 指南（上）](https://www.kisnows.com/2017/01/17/webpack2-guide-1/) | `抹桥` | 2017-01-17

* [webpack2异步加载套路](https://segmentfault.com/a/1190000008279471) | `苹果小萝卜` | 2017-02-08

* [超清 Webpack 2 视频教程 (持续更新)](https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2) | `作者：Parry` | 2017-05-16

#### :book: webpack2.x boilerplate

* [es6-webpack2-boilerplate](https://github.com/maiwenan/es6-webpack2-boilerplate) | `maiwenan` | 2016-12-08

* [webpack2-boilerplate](https://github.com/leifoolsen/webpack2-boilerplate) | `leifoolsen` | 2016-07-04

* [webpack2-boilerplate](https://github.com/MikeLP/webpack2-boilerplate) | `MikeLP` | 2016-11-01

#### :closed_book: webpack3.x

* [webpack 3: 正式发布!!](http://www.zcfy.cc/article/webpack-3-official-release-webpack-medium-3253.html?t=selection) | `sangle7` | 2017-06-20

* [【闲聊】webpack 3 来了](https://mp.weixin.qq.com/s?__biz=MjM5NTMwMTAzMg==&mid=2247483714&idx=1&sn=3587b1fe07f226b444ecd812da181742&chksm=a6fbd285918c5b93406092a651d945addd58c7d31860bf05ea7eb7da3583ce1c84ef3f7c73bc&mpshare=1&scene=23&srcid=0620LYKlqauJCTvdCIsr9YZK#rd) | `TooBug` | 2017-06-20

* [webpack 3 scope-hoisting 做 code splitting](https://github.com/webpack/webpack/tree/master/examples/scope-hoisting) | `webpack`

#### :closed_book: webpack4.x

* [Web Performance Optimization with webpack](https://developers.google.com/web/fundamentals/performance/webpack/) | `Google Developers` | 2018-02-28

* [Webpack4.0各个击破系列](https://www.cnblogs.com/dashnowords/p/9572755.html) | `大史不说话` | 2018-02-28

* [2020年了,再不会webpack敲得代码就不香了(近万字实战)](https://juejin.cn/post/6844904031240863758) | `黄小虫` | 2019-12-25

* [带你深度解锁Webpack系列(基础篇)](https://juejin.cn/post/6844904079219490830) | `刘小夕` | 2020-03-02

* [带你深度解锁Webpack系列(进阶篇)](https://juejin.cn/post/6844904084927938567) | `刘小夕` | 2020-03-09

#### :closed_book: webpack5.x

* [webpack 5 ModuleFederationPlugin vue 项目初体验](https://juejin.cn/post/6883408771322740743) | `zhaiyy` | 2020-10-14

* [Webpack 5 之 模块联合（Module Federation）](https://www.lumin.tech/articles/webpack-module-federation/) | `lumin` | 2021-07-23

* [ESM vs Webpack 面向高性能构建的探索](https://juejin.cn/post/6947890290896142350) | `淘系前端团队` | 2021-04-06

### :mortar_board: webpack 进阶

#### :closed_book: webpack 构建性能优化

* [Webpack 构建性能优化探索](https://github.com/pigcan/blog/issues/1) | `pigcan` | 2016-08-28

* [webpack使用优化（基本篇）](https://github.com/lcxfs1991/blog/issues/2) | `leehey` | 2016-01-10

* [webpack使用优化（react篇）](https://github.com/lcxfs1991/blog/issues/7) | `leehey` | 2016-04-17

* [开发工具心得：如何 10 倍提高你的 Webpack 构建效率](https://segmentfault.com/a/1190000005770042) | `紅白` | 2016-06-21

* [webpack Performance: The Comprehensive Guide](https://github.com/lcxfs1991/blog/issues/15) | `leehey` | 2016-10-26

* [彻底解决Webpack打包慢的问题](https://segmentfault.com/a/1190000006087638) | `王伟嘉` | 2016-07-27

* [webpack 构建性能优化策略小结](https://segmentfault.com/a/1190000007891318) | `Abact` | 2016-12-22

* [Webpack实战 - 使用动态 entry 改善调试体验](https://segmentfault.com/a/1190000008055046) | `JSCON简时空` | 2016-01-09

* [webpack打包分析与性能优化](https://github.com/hawx1993/tech-blog/issues/3) | `hawx1993` | 2017-02-13

* [webpack2 终极优化](https://github.com/gwuhaolin/blog/issues/2) | `gwuhaolin` | 2017-06-29

* [webpack前端构建性能优化策略小结](https://techblog.toutiao.com/2017/02/28/webpack/) | `今日头条技术团队` | 2017-09-03

* [【视频】webpack打包机制及调试优化](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651227076&idx=1&sn=1701db9bd55cf2e4089690fde2fbd0c0&scene=19#wechat_redirect) | `Alexey Ivanov` | 2017-08-26

* [Webpack5 内置缓存方案探索](https://juejin.cn/post/6847902218570432520) | `XxjzZ` | 2020-07-06

* [带你深度解锁Webpack系列(优化篇)](https://juejin.cn/post/6844904093463347208) | `刘小夕` | 2020-03-16

#### :closed_book: webpack针对项目的优化

#### :book: 文件体积

* [彻底解决 webpack 打包文件体积过大](http://www.jianshu.com/p/a64735eb0e2b) | `clinyong` | 2016-03-12

* [webpack打包bundle.js体积大小优化](https://github.com/youngwind/blog/issues/65) | `youngwind` | 2016-04-20

* [webpack CommonsChunkPlugin详细教程](https://segmentfault.com/a/1190000006808865) | `wjkang` | 2016-09-03

* [Webpack的dll功能](https://segmentfault.com/a/1190000005969643) | `王成` | 2016-07-15

* [webpack 如何把代码内联进html中？](https://gold.xitu.io/post/587476168d6d810058a0a18a) | `滴滴公共前端团队 - 水乙` | 2017-01-11

* [为什么 WebPack 2 的 Tree Shaking 并不如你想的高效](http://www.zcfy.cc/article/2567) | `少年阿布DX ` | 2017-02-24

* [译：如何在 Webpack 2 中使用 tree-shaking](https://juejin.im/post/599bc13b6fb9a024a370f4ec) | `薛定谔的猫` | 2017-04-24

* [【翻译】Webpack 4 Tree Shaking 终极优化指南](https://juejin.cn/post/6844903998634328072) | `KaysonLi` | 2019-11-17

* [Tree-Shaking性能优化实践 - 原理篇](https://juejin.cn/post/6844903544756109319) | `百度外卖大前端技术团` | 2018-01-04

* [Tree-Shaking性能优化实践 - 实践篇](https://juejin.cn/post/6844903544760336398) | `百度外卖大前端技术团` | 2018-01-04

##### :book: 样式及合图

* [webpack之postcss集成](https://segmentfault.com/a/1190000004592944) | `qinghui` | 2016-03-12

* [webpack自动雪碧图生成](http://kyon-df.com/2016/03/16/webpack_auto_sprites/) | `kyoko-df` | 2016-03-16

##### :book: 文件缓存

* [Webpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案](http://www.cnblogs.com/ihardcoder/p/5623411.html) | `才子锅锅` | 2016-06-28

* [Webpack的静态资源持久缓存](http://zcfy.cc/article/long-term-caching-of-static-assets-with-webpack-1204.html) | `yanni4night` | 2016-09-05

* [使用 Webpack 打包单页应用的正确姿势](http://geek.csdn.net/news/detail/135599) | `陈秋歌` | 2017-01-26

* [用 webpack 实现持久化缓存](https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/) | `Sebastian Blade` | 2017-01-25

* [webpack之CommonsChunkPlugin正确打开方式](https://cnodejs.org/topic/58396960c71e606e36aed1db) | `soullcm` | 2016

* [在 Webpack 中分离 vendor 与 app](https://github.com/lmk123/blog/issues/47) | `lmk123` | 2016-09-12

##### :book: 自动刷新及热替换

* [Express结合Webpack的全栈自动刷新](http://acgtofe.com/posts/2016/02/full-live-reload-for-express-with-webpack) | `梁砫` | 2016-02-08

* [手把手深入理解 webpack dev middleware 原理與相關 plugins](https://segmentfault.com/a/1190000005614604#articleHeader11) | `andyyu0920` | 2016-06-01

* [webpack dev server 2.0 有什么新的变化](https://github.com/huangtubiao/webpack-translate/issues/2) | `leo` | 2017-01-22

* [webpack 热加载你站住，我对你好奇很久了](http://mp.weixin.qq.com/s/pW2hBfibOeXN9F3lsk4NVA) | `1000copy` | 2016-12-22

##### :book: 其它

* [[webpack] devtool里的7种SourceMap模式是什么鬼？](https://gold.xitu.io/post/58293502a0bb9f005767ba2f) | `滴滴出行·DDFE`  | 2016-12-06

* [4种使用webpack提升vue应用的方式](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==&mid=2651226710&idx=1&sn=3c6848e002aabeb55d6e9456b646d03d&scene=19#wechat_redirect) | `美团金融前端团队@孙辉`  | 2017-07-16

#### :closed_book: webpack 工程化思考与实践

* [webpack原理与实战](https://github.com/gwuhaolin/blog/issues/4) | `gwuhaolin` | 2017-06-29

* [【翻译】Webpack——令人困惑的地方](https://github.com/chemdemo/chemdemo.github.io/issues/13) | `chemdemo` | 2016-05-04

* [【译】关于Webpack中一些让人困惑的地方的解答](https://segmentfault.com/a/1190000006151512) | `jrainlau` | 2016-08-03

* [基于webpack搭建前端工程解决方案探索](https://github.com/chemdemo/chemdemo.github.io/issues/10) | `chemdemo` | 2015-08-18

* [webpack 单页面应用实战](https://segmentfault.com/a/1190000005866410#articleHeader11) | `huangsw` | 2016-07-04

* [webpack多页应用架构系列](https://segmentfault.com/a/1190000006843916) | `array_huang` | 2016-09-07

* [使用webpack命令行工具:webpack-dashboard](https://yaowenjie.github.io/front-end/using-webpack-dashboard) | `Yao Wenjie` | 2016-08-28

* [Webpack从入门到上线](http://yincheng.site/webpack) | `会编程的银猪` | 2016-09-16

* [基于 webpack 搭建前端工程基础篇](https://github.com/chenbin92/react-redux-webpack-starter/issues/1)  | `chenbin92` | 2016-07-12

* [使用 Riot、ES6 和 Webpack 构建应用](http://zcfy.cc/article/building-apps-with-riot-es6-and-webpack-829.html) | `PPxu` | 2016-07-15

* [webpack 使用总结](http://www.ferecord.com/webpack-summary.html) | `Tumars` | 2016-12-27

* [如何在 webpack 中引入未模块化的库，如 Zepto](https://sebastianblade.com/how-to-import-unmodular-library-like-zepto/) | `Sebastian Blade` | 2016-10-06

### :mortar_board: webpack & React

* [Webpack+React+ES6开发模式入门指南](http://www.cnblogs.com/skylar/p/React-Webpack-ES6.html) | `大额_skylar` | 2015-09-18

* [手把手教你基于ES6架构自己的React Boilerplate项目](https://segmentfault.com/a/1190000005037309) | `lhc` | 2016-04-30

* [使用 webpack + react + redux + es6 开发组件化前端项目](https://segmentfault.com/a/1190000005969488) | `xiaoyann` | 2016-07-14

* [webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至](https://juejin.cn/post/6844903862898262024) | `张不怂` | 2019-06-10

### :mortar_board: webpack & Vue

* [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) | `Aresn` | 2016-07-21

* [Vue.js 和 Webpack](http://div.io/topic/1343?page=1#5517) | `djyde` | 2016

* [使用 Vuex + Vue.js 构建单页应用](https://segmentfault.com/a/1190000005891026) | `离尘不理人` | 2016-07-06

* [webpack入坑之旅系列](http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/) | `guowenfh` | 2016-03-24

* [vue-cli#2.0 webpack 配置分析](https://gold.xitu.io/post/584e48b2ac502e006c74a120) | `滴滴出行·DDFE`  | 2016-12-12

* [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) | `Aresn` | 2016-07-24

* [Vue+Webpack开发可复用的单页面富应用教程（配置篇）](https://www.talkingcoder.com/article/6310080842228107877) | `Aresn` | 2016-07-24

* [Vue+Webpack开发可复用的单页面富应用教程（组件篇）](https://www.talkingcoder.com/article/6310724958473489215) | `Aresn` | 2016-07-24

* [Vue+Webpack开发可复用的单页面富应用教程（技巧篇）](https://www.talkingcoder.com/article/6310756346094488391) | `Aresn` | 2016-07-24

* [用vue+webpack搭建的前端项目结构](http://div.io/topic/1834) | `对角另一面` | 2016-10-19

### :mortar_board: webpack & Angular

* [[译]使用webpack2实现Angular懒加载](https://github.com/lizhonghui/blog/issues/13) | `damienbod` | 2017

* [Webpack + Angular的组件化实践](https://segmentfault.com/a/1190000003915443) | `王伟嘉` | 2015-10-27

* [[译] 通过 Webpack 实现 AngularJS 的延迟加载](https://segmentfault.com/a/1190000004514747) | `Cheng_Gu` | 2016-03-01

* [es6+angular1.X+webpack 实现按路由功能打包项目](https://segmentfault.com/a/1190000004358725) | `yang_j_j` | 2016-01-24

* [angular-webpack-cookbook](http://dmachat.github.io/angular-webpack-cookbook/) | `dmachat` | 2016

### :mortar_board: webpack 原理与开发

#### :closed_book: 原理及源码分析

* [细说 webpack 之流程篇](http://taobaofed.org/blog/2016/09/09/webpack-flow/) | `七珏` | 2016-09-09

* [webpack编译流程漫谈](https://github.com/slashhuang/blog/issues/1) | `slashhuang` | 2016-08-16

* [happypack 原理解析](http://taobaofed.org/blog/2016/12/08/happypack-source-code-analysis/) | `上坡` | 2016-12-08

* [webpack 源码解析](https://lihuanghe.github.io/2016/05/30/webpack-event.html) | `李黄河` | 2016-05-30

* [Webpack 源码（一）—— Tapable 和 事件流](https://segmentfault.com/a/1190000008060440) | `JSCON简时空` | 2016-01-09

* [webpack源码分析（一）— Tapable插件架构](http://www.jianshu.com/p/01a606c97d76) | `小虫巨蟹` | 2016-09-25

* [Tapable中文文档](http://www.jianshu.com/p/c71393db6287) | `小虫巨蟹` | 2016-09-23

* [Webpack 源码（二）—— 如何阅读源码](https://segmentfault.com/a/1190000008060484) | `JSCON简时空` | 2016-01-09

* [webpack 学习（二）](http://lizhihua.me/2017/02/01/webpack/source_code_02/) | `dear-lizhihua` | 2017-02-01

* [关于 webpack 你所忽略的细节（附源码分析）](http://mp.weixin.qq.com/s/UbhXVb6_bdA8fCfEcBDEiQ) | `TaoBeier` | 2016-12-26

* [Webpack Tutorial: Understanding How it Works](https://github.com/forresst/ityti_fr-FR/blob/master/ag-grid.com/ag-grid-understanding-webpack/README.md) | `Sean Landsman` | 2017-02-01

* [webpack源码学习系列之一：如何实现一个简单的webpack](https://github.com/youngwind/blog/issues/99) | `youngwind` | 2017-02-04

* [webpack源码学习系列之二：code-splitting（代码切割）](https://github.com/youngwind/blog/issues/100) | `youngwind` | 2017-02-11

* [webpack源码学习系列之三：loader 机制](https://github.com/youngwind/blog/issues/101) | `youngwind` | 2017-02-28

* [玩转webpack（一）：webpack的基本架构和构建流程](https://lxzjj.github.io/2017/11/02/%E7%8E%A9%E8%BD%ACwebpack%EF%BC%88%E4%B8%80%EF%BC%89/) | `lxzjj` | 2017-11-02

* [玩转webpack（二）：webpack的核心对象](https://lxzjj.github.io/2017/11/08/%E7%8E%A9%E8%BD%ACwebpack%EF%BC%88%E4%BA%8C%EF%BC%89/) | `lxzjj` | 2017-11-08

* [webpack Tapable-2.0 源码分析](https://theniceangel.github.io/blog/code/webpack/source-code-prepare/tapable-2.0.html) | `theniceangel` | 2018-12-15

* [[万字总结] 一文吃透 Webpack 核心原理](https://juejin.cn/post/6949040393165996040) | `Tecvan` | 2021-04-09

* [[源码解读] Webpack 插件架构深度讲解](https://zhuanlan.zhihu.com/p/367931462) | `Tecvan` | 2021-04-27

* [理解webpack原理，手写一个100行的webpack](https://zhuanlan.zhihu.com/p/58151131) | `夏季有风` | 2019-04-27

* [Webpack HMR 原理解析](https://zhuanlan.zhihu.com/p/30669007) | `冉四夕` | 2017-11-08

* [AST 与前端工程化实战](https://mp.weixin.qq.com/s/2ACQ0KwdB0ph3sqj2iK-uA) | `qiangdada` | 2019-08-23

#### :closed_book: Plugin 及 Loader 开发

* [如何开发一个 Webpack Loader ( 一 )](https://github.com/joeyguo/blog/issues/4) | `joeyguo` | 2016-05-14

* [如何写一个webpack插件（一）](https://github.com/lcxfs1991/blog/issues/1) | `leehey` | 2016-01-09

* [✏️ loader知识分享](https://juejin.cn/post/6950092728919130126) | `字节前端` | 2021-04-12

* [【Webpack进阶】Loader深入解析](https://zhuanlan.zhihu.com/p/360421184) | `维斯特蓝` | 2021-03-27

* [手把手教你撸一个 Webpack Loader](https://juejin.cn/post/6844903555673882632) | `iKcamp` | 2018-01-25

#### :closed_book: 生成代码分析

* [简要分析webpack打包后代码](https://segmentfault.com/a/1190000006814420) | `wjkang` | 2016-09-04

* [webpack2生成代码分析](https://github.com/lcxfs1991/blog/issues/14) | `leehey` | 2016-10-26

* [从 Bundle 文件看 Webpack 模块机制](https://zhuanlan.zhihu.com/p/25954788) | `叶伟伟` | 2017-03-24

#### :closed_book: 使用 webpack 编写 npm 包

* [[译] 基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/blog/issues/56) | `cssmagic` | 2016-01-14

* [现代前端库开发指南系列（二）：使用 webpack 构建一个库](https://juejin.cn/post/6844904021291958286) | `array_huang` | 2019-12-16

#### :closed_book: 其它

* [webpack不适合多页面应用？你写的插件还不够多](http://www.jianshu.com/p/f6a2a47d084d) | `小虫巨蟹` | 2016-09-20

* [[webpack]源码解读：命令行输入webpack的时候都发生了什么？](https://github.com/DDFE/DDFE-blog/issues/12) | `zyf394` | 2017-01-04

* [详解Webpack2的那些路径](http://www.qinshenxue.com/article/20170315092242.html) | `前端路迹` | 2017-03-20

* [webpack 中那些最易混淆的 5 个知识点](https://juejin.cn/post/6844904007362674701) | `卤蛋实验室` | 2019-05-29

### :mortar_board: webpack 其它

* [告别无聊的 Webpack 控制台介面](https://sebastianblade.com/say-farewell-to-the-boring-webpack-console-interface/) | `Sebastian Blade` | 2016-09-26

* [Fis3构建迁移Webpack之路](https://segmentfault.com/a/1190000012068849)  | `Lewis Cheng` | 2017-11

## webpack 优秀 starter kit		

如有好的starter kit, 请到此[issue](https://github.com/webpack-china/webpack-articles-cn/issues/2)里提交章，或者直接发pull request.

### :package: webpack & react

* [react-starter-kit](https://github.com/bodyno/react-starter-kit) | `bodyno` | 2016

* [steamer-react](https://github.com/SteamerTeam/steamer-react) | `leehey` | 2016

* [rekit](https://github.com/supnate/rekit) | `supnate` | 2016

* [gt-react-scaffold](https://github.com/vivaxy/gt-react-scaffold) | `vivaxy` | 2017

### :package: webpack & angular1/2

* [angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter) | `AngularClass`| 2017

* [angular2-webpack2-starter](https://github.com/qdouble/angular-webpack2-starter) | `qdouble` | 2017

* [angular2-webpack](https://github.com/preboot/angular2-webpack) | `preboot` | 2017

* [NG6-starter (angular1.x)](https://github.com/AngularClass/NG6-starter) | `AngularClass`| 2016

### :package: webpack & vue

* [vue2-elm](https://github.com/bailicangdu/vue2-elm) | `bailicangdu`| 2017

## webpack 中文文档

> https://doc.webpack-china.org/

* [教你如何读webpack2中文文档](https://github.com/lcxfs1991/blog/issues/17)

### Credit To

[webpack-tutorial-collection](https://github.com/kraaas/webpack-tutorial-collection/blob/master/README.md)