{"id":13490172,"url":"https://github.com/webpack-china/awesome-webpack-cn","last_synced_at":"2025-05-14T21:06:47.362Z","repository":{"id":41374497,"uuid":"78076226","full_name":"webpack-china/awesome-webpack-cn","owner":"webpack-china","description":"[印记中文](https://docschina.org/) - webpack 优秀中文文章","archived":false,"fork":false,"pushed_at":"2022-07-15T09:49:21.000Z","size":60,"stargazers_count":3815,"open_issues_count":2,"forks_count":573,"subscribers_count":207,"default_branch":"master","last_synced_at":"2025-05-07T20:01:57.972Z","etag":null,"topics":["angular","react","vue","webpack","webpack2","webpack3"],"latest_commit_sha":null,"homepage":"https://webpack.docschina.org/","language":null,"has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/webpack-china.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-01-05T03:38:16.000Z","updated_at":"2025-04-22T03:37:28.000Z","dependencies_parsed_at":"2022-07-19T01:32:53.462Z","dependency_job_id":null,"html_url":"https://github.com/webpack-china/awesome-webpack-cn","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack-china%2Fawesome-webpack-cn","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack-china%2Fawesome-webpack-cn/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack-china%2Fawesome-webpack-cn/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/webpack-china%2Fawesome-webpack-cn/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/webpack-china","download_url":"https://codeload.github.com/webpack-china/awesome-webpack-cn/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254079018,"owners_count":22011080,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["angular","react","vue","webpack","webpack2","webpack3"],"created_at":"2024-07-31T19:00:42.147Z","updated_at":"2025-05-14T21:06:47.266Z","avatar_url":"https://github.com/webpack-china.png","language":null,"funding_links":[],"categories":["Others","miscellaneous",":mortar_board: 搜罗一切酷酷的东西","Awesomes","Other Lists","目录"],"sub_categories":["文档","TeX Lists"],"readme":"# 搜罗一切 webpack 的好文章好工具\n\n\n## webpack 优秀中文文章\n\n\n如有好文, 请到此[issue](https://github.com/webpack-china/webpack-articles-cn/issues/1)里提交文章，或者直接发pull request.\n\n### :mortar_board: webpack 入门\n\n#### :closed_book: webpack 小册\n* [《webpack指南》](https://webpack.toobug.net/zh-cn/) | `TooBug` | 2015\n* [《深入浅出Webpack》](http://webpack.wuhaolin.cn/) | `gwuhaolin` | 2017\n* [《Webpack 中文指南》](https://zhaoda.net/webpack-handbook/index.html) | `赵达` | 2017\n* [《Webpack Guidebook》](https://tsejx.github.io/webpack-guidebook/) | `tsejx` | 2018\n* [《玩转 webpack》](https://time.geekbang.org/course/intro/100028901?tab=intro) | `程柳锋` | 2019\n\n#### :closed_book: webpack1.x\n* [webpack-demos](https://github.com/ruanyf/webpack-demos) | `ruanyf` | 2016\n* [一小时包教会 —— webpack 入门指南](http://www.cnblogs.com/vajoy/p/4650467.html) | `VaJoy Larn` | 2015-07-16\n* [webpack 入门及实践](http://www.w3ctech.com//topic/1557) | `zhouweicsu` | 2015-10-30\n* [Webpack傻瓜式指南（一）](http://zhuanlan.zhihu.com/FrontendMagazine/20367175) | `张轩` | 2016\n* [Webpack傻瓜式指南（二）](http://zhuanlan.zhihu.com/FrontendMagazine/20397902) | `张轩` | 2016\n* [入门Webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f) | `zhangwang ` | 2016-08-05\n* [教你一步步从零构建webpack开发多页面环境](https://github.com/riskers/blog/issues/27) | `riskers` | 2017-01-19\n* [让 Webpack 来帮你打包吧](https://blog.zhangjd.me/2016/06/19/webpack-your-bags/) | `达仔` | 2016-06-19\n* [前端自动化构建工具Webpack开发模式使用指南](http://blog.csdn.net/q1056843325/article/details/54600090) | `_accelerator_` | 2017-01-18\n* [webpack 学习（一）](http://lizhihua.me/2017/01/31/webpack/source_code_01/) | `dear-lizhihua` | 2017-01-31\n* [webpack入门必知必会](https://segmentfault.com/a/1190000008165126) | `劳卜` | 2017-01-09\n* [webpack深入与实战](http://www.imooc.com/learn/802) | `qbaty` | 2017-02-15\n* [「前端」看懂前端脚手架你需要这篇webpack](https://segmentfault.com/a/1190000008683588) | `尚妆产品技术刊读` | 2017-03-14\n\n#### :closed_book: webpack2.x\n#### :book: webpack2.x 入门\n* [[译] Webpack 2 有哪些新东西](https://github.com/cssmagic/blog/issues/58) | `cssmagic` | 2016-02-15\n* [ Webpack 2 入门教程](https://llp0574.github.io/2016/11/29/getting-started-with-webpack2/) | `llp` | 2016-11-29\n* [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\n* [webpack2 tree-shaking 编译研究](https://github.com/Jschyz/webpack-tree-shaking) | `Jschyz` | 2017-01-16\n* [[译文]使用 Webpack 2 和 Babel 6 进行 Tree-shaking](http://zjy.name/archives/webpack-tree-shaking.html) | `Zhang Visper` | 2016-04-29\n* [webpack 2.2: 最终的版本](https://github.com/huangtubiao/webpack-translate/issues/1) | `leo` | 2017-01-18\n* [Webpack 2最终版本发布，聚焦文档内容提升](http://www.infoq.com/cn/news/2017/01/webpack-2-final-documentation) | `刘嘉洋` | 2017-01-23\n* [webpack 2及更高版本](https://github.com/huangtubiao/webpack-translate/issues/3) | `leo` | 2017-02-02\n* [从 webpack v1 迁移到 webpack v2](http://www.zcfy.cc/article/migrating-from-v1-to-v2-2378.html) | `十年踪迹` | 2017-01-19\n* [webpack2 升级指南和特性摘要](https://segmentfault.com/a/1190000008181955) | `Abact` | 2017-01-20\n* [[译]webpack2 快速入门](https://github.com/dwqs/blog/issues/46) | `dwqs` | 2017-01-20\n* [升级到 webpack2](https://imnerd.org/upgrade-to-webpack-2.html) | `公子` | 2017-01-26\n* [技术 | webpack 2 使用总结](http://mp.weixin.qq.com/s/pKEzIc_ikxC7RsDkTEBbYg) | `象尘说` | 2017-02-05\n* [【翻译向】webpack2 指南（上）](https://www.kisnows.com/2017/01/17/webpack2-guide-1/) | `抹桥` | 2017-01-17\n* [webpack2异步加载套路](https://segmentfault.com/a/1190000008279471) | `苹果小萝卜` | 2017-02-08\n* [超清 Webpack 2 视频教程 (持续更新)](https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2) | `作者：Parry` | 2017-05-16\n\n#### :book: webpack2.x boilerplate\n* [es6-webpack2-boilerplate](https://github.com/maiwenan/es6-webpack2-boilerplate) | `maiwenan` | 2016-12-08\n* [webpack2-boilerplate](https://github.com/leifoolsen/webpack2-boilerplate) | `leifoolsen` | 2016-07-04\n* [webpack2-boilerplate](https://github.com/MikeLP/webpack2-boilerplate) | `MikeLP` | 2016-11-01\n\n#### :closed_book: webpack3.x\n* [webpack 3: 正式发布!!](http://www.zcfy.cc/article/webpack-3-official-release-webpack-medium-3253.html?t=selection) | `sangle7` | 2017-06-20\n* [【闲聊】webpack 3 来了](https://mp.weixin.qq.com/s?__biz=MjM5NTMwMTAzMg==\u0026mid=2247483714\u0026idx=1\u0026sn=3587b1fe07f226b444ecd812da181742\u0026chksm=a6fbd285918c5b93406092a651d945addd58c7d31860bf05ea7eb7da3583ce1c84ef3f7c73bc\u0026mpshare=1\u0026scene=23\u0026srcid=0620LYKlqauJCTvdCIsr9YZK#rd) | `TooBug` | 2017-06-20\n* [webpack 3 scope-hoisting 做 code splitting](https://github.com/webpack/webpack/tree/master/examples/scope-hoisting) | `webpack`\n\n#### :closed_book: webpack4.x\n* [Web Performance Optimization with webpack](https://developers.google.com/web/fundamentals/performance/webpack/) | `Google Developers` | 2018-02-28\n* [Webpack4.0各个击破系列](https://www.cnblogs.com/dashnowords/p/9572755.html) | `大史不说话` | 2018-02-28\n* [2020年了,再不会webpack敲得代码就不香了(近万字实战)](https://juejin.cn/post/6844904031240863758) | `黄小虫` | 2019-12-25\n* [带你深度解锁Webpack系列(基础篇)](https://juejin.cn/post/6844904079219490830) | `刘小夕` | 2020-03-02\n* [带你深度解锁Webpack系列(进阶篇)](https://juejin.cn/post/6844904084927938567) | `刘小夕` | 2020-03-09\n\n#### :closed_book: webpack5.x\n* [webpack 5 ModuleFederationPlugin vue 项目初体验](https://juejin.cn/post/6883408771322740743) | `zhaiyy` | 2020-10-14\n* [Webpack 5 之 模块联合（Module Federation）](https://www.lumin.tech/articles/webpack-module-federation/) | `lumin` | 2021-07-23\n* [ESM vs Webpack 面向高性能构建的探索](https://juejin.cn/post/6947890290896142350) | `淘系前端团队` | 2021-04-06\n\n\n### :mortar_board: webpack 进阶\n\n#### :closed_book: webpack 构建性能优化\n* [Webpack 构建性能优化探索](https://github.com/pigcan/blog/issues/1) | `pigcan` | 2016-08-28\n* [webpack使用优化（基本篇）](https://github.com/lcxfs1991/blog/issues/2) | `leehey` | 2016-01-10\n* [webpack使用优化（react篇）](https://github.com/lcxfs1991/blog/issues/7) | `leehey` | 2016-04-17\n* [开发工具心得：如何 10 倍提高你的 Webpack 构建效率](https://segmentfault.com/a/1190000005770042) | `紅白` | 2016-06-21\n* [webpack Performance: The Comprehensive Guide](https://github.com/lcxfs1991/blog/issues/15) | `leehey` | 2016-10-26\n* [彻底解决Webpack打包慢的问题](https://segmentfault.com/a/1190000006087638) | `王伟嘉` | 2016-07-27\n* [webpack 构建性能优化策略小结](https://segmentfault.com/a/1190000007891318) | `Abact` | 2016-12-22\n* [Webpack实战 - 使用动态 entry 改善调试体验](https://segmentfault.com/a/1190000008055046) | `JSCON简时空` | 2016-01-09\n* [webpack打包分析与性能优化](https://github.com/hawx1993/tech-blog/issues/3) | `hawx1993` | 2017-02-13\n* [webpack2 终极优化](https://github.com/gwuhaolin/blog/issues/2) | `gwuhaolin` | 2017-06-29\n* [webpack前端构建性能优化策略小结](https://techblog.toutiao.com/2017/02/28/webpack/) | `今日头条技术团队` | 2017-09-03\n* [【视频】webpack打包机制及调试优化](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==\u0026mid=2651227076\u0026idx=1\u0026sn=1701db9bd55cf2e4089690fde2fbd0c0\u0026scene=19#wechat_redirect) | `Alexey Ivanov` | 2017-08-26\n* [Webpack5 内置缓存方案探索](https://juejin.cn/post/6847902218570432520) | `XxjzZ` | 2020-07-06\n* [带你深度解锁Webpack系列(优化篇)](https://juejin.cn/post/6844904093463347208) | `刘小夕` | 2020-03-16\n\n\n#### :closed_book: webpack针对项目的优化\n#### :book: 文件体积\n* [彻底解决 webpack 打包文件体积过大](http://www.jianshu.com/p/a64735eb0e2b) | `clinyong` | 2016-03-12\n* [webpack打包bundle.js体积大小优化](https://github.com/youngwind/blog/issues/65) | `youngwind` | 2016-04-20\n* [webpack CommonsChunkPlugin详细教程](https://segmentfault.com/a/1190000006808865) | `wjkang` | 2016-09-03\n* [Webpack的dll功能](https://segmentfault.com/a/1190000005969643) | `王成` | 2016-07-15\n* [webpack 如何把代码内联进html中？](https://gold.xitu.io/post/587476168d6d810058a0a18a) | `滴滴公共前端团队 - 水乙` | 2017-01-11\n* [为什么 WebPack 2 的 Tree Shaking 并不如你想的高效](http://www.zcfy.cc/article/2567) | `少年阿布DX ` | 2017-02-24\n* [译：如何在 Webpack 2 中使用 tree-shaking](https://juejin.im/post/599bc13b6fb9a024a370f4ec) | `薛定谔的猫` | 2017-04-24\n* [【翻译】Webpack 4 Tree Shaking 终极优化指南](https://juejin.cn/post/6844903998634328072) | `KaysonLi` | 2019-11-17\n* [Tree-Shaking性能优化实践 - 原理篇](https://juejin.cn/post/6844903544756109319) | `百度外卖大前端技术团` | 2018-01-04\n* [Tree-Shaking性能优化实践 - 实践篇](https://juejin.cn/post/6844903544760336398) | `百度外卖大前端技术团` | 2018-01-04\n\n\n##### :book: 样式及合图\n* [webpack之postcss集成](https://segmentfault.com/a/1190000004592944) | `qinghui` | 2016-03-12\n* [webpack自动雪碧图生成](http://kyon-df.com/2016/03/16/webpack_auto_sprites/) | `kyoko-df` | 2016-03-16\n\n\n##### :book: 文件缓存\n* [Webpack中hash与chunkhash的区别，以及js与css的hash指纹解耦方案](http://www.cnblogs.com/ihardcoder/p/5623411.html) | `才子锅锅` | 2016-06-28\n* [Webpack的静态资源持久缓存](http://zcfy.cc/article/long-term-caching-of-static-assets-with-webpack-1204.html) | `yanni4night` | 2016-09-05\n* [使用 Webpack 打包单页应用的正确姿势](http://geek.csdn.net/news/detail/135599) | `陈秋歌` | 2017-01-26\n* [用 webpack 实现持久化缓存](https://sebastianblade.com/using-webpack-to-achieve-long-term-cache/) | `Sebastian Blade` | 2017-01-25\n* [webpack之CommonsChunkPlugin正确打开方式](https://cnodejs.org/topic/58396960c71e606e36aed1db) | `soullcm` | 2016\n* [在 Webpack 中分离 vendor 与 app](https://github.com/lmk123/blog/issues/47) | `lmk123` | 2016-09-12\n\n##### :book: 自动刷新及热替换\n* [Express结合Webpack的全栈自动刷新](http://acgtofe.com/posts/2016/02/full-live-reload-for-express-with-webpack) | `梁砫` | 2016-02-08\n* [手把手深入理解 webpack dev middleware 原理與相關 plugins](https://segmentfault.com/a/1190000005614604#articleHeader11) | `andyyu0920` | 2016-06-01\n* [webpack dev server 2.0 有什么新的变化](https://github.com/huangtubiao/webpack-translate/issues/2) | `leo` | 2017-01-22\n* [webpack 热加载你站住，我对你好奇很久了](http://mp.weixin.qq.com/s/pW2hBfibOeXN9F3lsk4NVA) | `1000copy` | 2016-12-22\n\n##### :book: 其它\n* [[webpack] devtool里的7种SourceMap模式是什么鬼？](https://gold.xitu.io/post/58293502a0bb9f005767ba2f) | `滴滴出行·DDFE`  | 2016-12-06\n* [4种使用webpack提升vue应用的方式](https://mp.weixin.qq.com/s?__biz=MjM5MTA1MjAxMQ==\u0026mid=2651226710\u0026idx=1\u0026sn=3c6848e002aabeb55d6e9456b646d03d\u0026scene=19#wechat_redirect) | `美团金融前端团队@孙辉`  | 2017-07-16\n\n#### :closed_book: webpack 工程化思考与实践\n* [webpack原理与实战](https://github.com/gwuhaolin/blog/issues/4) | `gwuhaolin` | 2017-06-29\n* [【翻译】Webpack——令人困惑的地方](https://github.com/chemdemo/chemdemo.github.io/issues/13) | `chemdemo` | 2016-05-04\n* [【译】关于Webpack中一些让人困惑的地方的解答](https://segmentfault.com/a/1190000006151512) | `jrainlau` | 2016-08-03\n* [基于webpack搭建前端工程解决方案探索](https://github.com/chemdemo/chemdemo.github.io/issues/10) | `chemdemo` | 2015-08-18\n* [webpack 单页面应用实战](https://segmentfault.com/a/1190000005866410#articleHeader11) | `huangsw` | 2016-07-04\n* [webpack多页应用架构系列](https://segmentfault.com/a/1190000006843916) | `array_huang` | 2016-09-07\n* [使用webpack命令行工具:webpack-dashboard](https://yaowenjie.github.io/front-end/using-webpack-dashboard) | `Yao Wenjie` | 2016-08-28\n* [Webpack从入门到上线](http://yincheng.site/webpack) | `会编程的银猪` | 2016-09-16\n* [基于 webpack 搭建前端工程基础篇](https://github.com/chenbin92/react-redux-webpack-starter/issues/1)  | `chenbin92` | 2016-07-12\n* [使用 Riot、ES6 和 Webpack 构建应用](http://zcfy.cc/article/building-apps-with-riot-es6-and-webpack-829.html) | `PPxu` | 2016-07-15\n* [webpack 使用总结](http://www.ferecord.com/webpack-summary.html) | `Tumars` | 2016-12-27\n* [如何在 webpack 中引入未模块化的库，如 Zepto](https://sebastianblade.com/how-to-import-unmodular-library-like-zepto/) | `Sebastian Blade` | 2016-10-06\n\n\n### :mortar_board: webpack \u0026 React\n* [Webpack+React+ES6开发模式入门指南](http://www.cnblogs.com/skylar/p/React-Webpack-ES6.html) | `大额_skylar` | 2015-09-18\n* [手把手教你基于ES6架构自己的React Boilerplate项目](https://segmentfault.com/a/1190000005037309) | `lhc` | 2016-04-30\n* [使用 webpack + react + redux + es6 开发组件化前端项目](https://segmentfault.com/a/1190000005969488) | `xiaoyann` | 2016-07-14\n* [webpack4 的30个步骤打造优化到极致的 react 开发环境，如约而至](https://juejin.cn/post/6844903862898262024) | `张不怂` | 2019-06-10\n\n\n### :mortar_board: webpack \u0026 Vue\n* [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) | `Aresn` | 2016-07-21\n* [Vue.js 和 Webpack](http://div.io/topic/1343?page=1#5517) | `djyde` | 2016\n* [使用 Vuex + Vue.js 构建单页应用](https://segmentfault.com/a/1190000005891026) | `离尘不理人` | 2016-07-06\n* [webpack入坑之旅系列](http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/) | `guowenfh` | 2016-03-24\n* [vue-cli#2.0 webpack 配置分析](https://gold.xitu.io/post/584e48b2ac502e006c74a120) | `滴滴出行·DDFE`  | 2016-12-12\n* [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) | `Aresn` | 2016-07-24\n* [Vue+Webpack开发可复用的单页面富应用教程（配置篇）](https://www.talkingcoder.com/article/6310080842228107877) | `Aresn` | 2016-07-24\n* [Vue+Webpack开发可复用的单页面富应用教程（组件篇）](https://www.talkingcoder.com/article/6310724958473489215) | `Aresn` | 2016-07-24\n* [Vue+Webpack开发可复用的单页面富应用教程（技巧篇）](https://www.talkingcoder.com/article/6310756346094488391) | `Aresn` | 2016-07-24\n* [用vue+webpack搭建的前端项目结构](http://div.io/topic/1834) | `对角另一面` | 2016-10-19\n\n\n### :mortar_board: webpack \u0026 Angular\n* [[译]使用webpack2实现Angular懒加载](https://github.com/lizhonghui/blog/issues/13) | `damienbod` | 2017\n* [Webpack + Angular的组件化实践](https://segmentfault.com/a/1190000003915443) | `王伟嘉` | 2015-10-27\n* [[译] 通过 Webpack 实现 AngularJS 的延迟加载](https://segmentfault.com/a/1190000004514747) | `Cheng_Gu` | 2016-03-01\n* [es6+angular1.X+webpack 实现按路由功能打包项目](https://segmentfault.com/a/1190000004358725) | `yang_j_j` | 2016-01-24\n* [angular-webpack-cookbook](http://dmachat.github.io/angular-webpack-cookbook/) | `dmachat` | 2016\n\n\n\n### :mortar_board: webpack 原理与开发\n#### :closed_book: 原理及源码分析\n* [细说 webpack 之流程篇](http://taobaofed.org/blog/2016/09/09/webpack-flow/) | `七珏` | 2016-09-09\n* [webpack编译流程漫谈](https://github.com/slashhuang/blog/issues/1) | `slashhuang` | 2016-08-16\n* [happypack 原理解析](http://taobaofed.org/blog/2016/12/08/happypack-source-code-analysis/) | `上坡` | 2016-12-08\n* [webpack 源码解析](https://lihuanghe.github.io/2016/05/30/webpack-event.html) | `李黄河` | 2016-05-30\n* [Webpack 源码（一）—— Tapable 和 事件流](https://segmentfault.com/a/1190000008060440) | `JSCON简时空` | 2016-01-09\n* [webpack源码分析（一）— Tapable插件架构](http://www.jianshu.com/p/01a606c97d76) | `小虫巨蟹` | 2016-09-25\n* [Tapable中文文档](http://www.jianshu.com/p/c71393db6287) | `小虫巨蟹` | 2016-09-23\n* [Webpack 源码（二）—— 如何阅读源码](https://segmentfault.com/a/1190000008060484) | `JSCON简时空` | 2016-01-09\n* [webpack 学习（二）](http://lizhihua.me/2017/02/01/webpack/source_code_02/) | `dear-lizhihua` | 2017-02-01\n* [关于 webpack 你所忽略的细节（附源码分析）](http://mp.weixin.qq.com/s/UbhXVb6_bdA8fCfEcBDEiQ) | `TaoBeier` | 2016-12-26\n* [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\n* [webpack源码学习系列之一：如何实现一个简单的webpack](https://github.com/youngwind/blog/issues/99) | `youngwind` | 2017-02-04\n* [webpack源码学习系列之二：code-splitting（代码切割）](https://github.com/youngwind/blog/issues/100) | `youngwind` | 2017-02-11\n* [webpack源码学习系列之三：loader 机制](https://github.com/youngwind/blog/issues/101) | `youngwind` | 2017-02-28\n* [玩转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\n* [玩转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\n* [webpack Tapable-2.0 源码分析](https://theniceangel.github.io/blog/code/webpack/source-code-prepare/tapable-2.0.html) | `theniceangel` | 2018-12-15\n* [[万字总结] 一文吃透 Webpack 核心原理](https://juejin.cn/post/6949040393165996040) | `Tecvan` | 2021-04-09\n* [[源码解读] Webpack 插件架构深度讲解](https://zhuanlan.zhihu.com/p/367931462) | `Tecvan` | 2021-04-27\n* [理解webpack原理，手写一个100行的webpack](https://zhuanlan.zhihu.com/p/58151131) | `夏季有风` | 2019-04-27\n* [Webpack HMR 原理解析](https://zhuanlan.zhihu.com/p/30669007) | `冉四夕` | 2017-11-08\n* [AST 与前端工程化实战](https://mp.weixin.qq.com/s/2ACQ0KwdB0ph3sqj2iK-uA) | `qiangdada` | 2019-08-23\n\n#### :closed_book: Plugin 及 Loader 开发\n* [如何开发一个 Webpack Loader ( 一 )](https://github.com/joeyguo/blog/issues/4) | `joeyguo` | 2016-05-14\n* [如何写一个webpack插件（一）](https://github.com/lcxfs1991/blog/issues/1) | `leehey` | 2016-01-09\n* [✏️ loader知识分享](https://juejin.cn/post/6950092728919130126) | `字节前端` | 2021-04-12\n* [【Webpack进阶】Loader深入解析](https://zhuanlan.zhihu.com/p/360421184) | `维斯特蓝` | 2021-03-27\n* [手把手教你撸一个 Webpack Loader](https://juejin.cn/post/6844903555673882632) | `iKcamp` | 2018-01-25\n\n\n#### :closed_book: 生成代码分析\n* [简要分析webpack打包后代码](https://segmentfault.com/a/1190000006814420) | `wjkang` | 2016-09-04\n* [webpack2生成代码分析](https://github.com/lcxfs1991/blog/issues/14) | `leehey` | 2016-10-26\n* [从 Bundle 文件看 Webpack 模块机制](https://zhuanlan.zhihu.com/p/25954788) | `叶伟伟` | 2017-03-24\n\n\n#### :closed_book: 使用 webpack 编写 npm 包\n* [[译] 基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/blog/issues/56) | `cssmagic` | 2016-01-14\n* [现代前端库开发指南系列（二）：使用 webpack 构建一个库](https://juejin.cn/post/6844904021291958286) | `array_huang` | 2019-12-16\n\n\n#### :closed_book: 其它\n* [webpack不适合多页面应用？你写的插件还不够多](http://www.jianshu.com/p/f6a2a47d084d) | `小虫巨蟹` | 2016-09-20\n* [[webpack]源码解读：命令行输入webpack的时候都发生了什么？](https://github.com/DDFE/DDFE-blog/issues/12) | `zyf394` | 2017-01-04\n* [详解Webpack2的那些路径](http://www.qinshenxue.com/article/20170315092242.html) | `前端路迹` | 2017-03-20\n* [webpack 中那些最易混淆的 5 个知识点](https://juejin.cn/post/6844904007362674701) | `卤蛋实验室` | 2019-05-29\n\n\n\n### :mortar_board: webpack 其它\n* [告别无聊的 Webpack 控制台介面](https://sebastianblade.com/say-farewell-to-the-boring-webpack-console-interface/) | `Sebastian Blade` | 2016-09-26\n* [Fis3构建迁移Webpack之路](https://segmentfault.com/a/1190000012068849)  | `Lewis Cheng` | 2017-11\n\n\n\n## webpack 优秀 starter kit\t\t\n\n\n如有好的starter kit, 请到此[issue](https://github.com/webpack-china/webpack-articles-cn/issues/2)里提交章，或者直接发pull request.\n\n\n### :package: webpack \u0026 react\n* [react-starter-kit](https://github.com/bodyno/react-starter-kit) | `bodyno` | 2016\n* [steamer-react](https://github.com/SteamerTeam/steamer-react) | `leehey` | 2016\n* [rekit](https://github.com/supnate/rekit) | `supnate` | 2016\n* [gt-react-scaffold](https://github.com/vivaxy/gt-react-scaffold) | `vivaxy` | 2017\n\n\n### :package: webpack \u0026 angular1/2\n* [angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter) | `AngularClass`| 2017\n* [angular2-webpack2-starter](https://github.com/qdouble/angular-webpack2-starter) | `qdouble` | 2017\n* [angular2-webpack](https://github.com/preboot/angular2-webpack) | `preboot` | 2017\n* [NG6-starter (angular1.x)](https://github.com/AngularClass/NG6-starter) | `AngularClass`| 2016\n\n\n### :package: webpack \u0026 vue\n* [vue2-elm](https://github.com/bailicangdu/vue2-elm) | `bailicangdu`| 2017\n\n## webpack 中文文档\n\n\n\u003e https://doc.webpack-china.org/\n\n* [教你如何读webpack2中文文档](https://github.com/lcxfs1991/blog/issues/17)\n\n\n### Credit To\n[webpack-tutorial-collection](https://github.com/kraaas/webpack-tutorial-collection/blob/master/README.md)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpack-china%2Fawesome-webpack-cn","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwebpack-china%2Fawesome-webpack-cn","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwebpack-china%2Fawesome-webpack-cn/lists"}