└── README.md /README.md: -------------------------------------------------------------------------------- 1 | ### webpack 教程资源收集 2 | (持续更新，欢迎 start, watch 或提 PR) 3 | ##### [官方文档](https://webpack.js.org/) 4 | ##### [中文文档](https://webpack.docschina.org/) 5 | --- 6 | #### :four: webpack 4.0 7 | * [(译)webpack4.0正式版重大更新与特性详细清单](https://mp.weixin.qq.com/s/tvhEkWTuSs8X0d5N_s79oA)  `译者：疯狂的技术宅` 8 | * [(译)webpack 4正式发布，速度最高可提升98%！！](https://mp.weixin.qq.com/s/mF56rpzmqdSyti1iJu4tCw)  `译者：怡红公子` 9 | * [webpack4初探](https://mp.weixin.qq.com/s/ScQdoysvLq8Pbc04LJII9w) `作者：自然醒` 10 | 11 | ##### :v: 初级教程 12 | * [webpack-howto](https://github.com/petehunt/webpack-howto) `作者：Pete Hunt` 13 | * [Webpack 入门指迷](http://segmentfault.com/a/1190000002551952) `作者：题叶` 　 14 | * [webpack-demos](https://github.com/ruanyf/webpack-demos) `作者：ruanyf` 15 | * [一小时包教会 —— webpack 入门指南](http://www.cnblogs.com/vajoy/p/4650467.html) `作者：VaJoy Larn`　　 16 | * [webpack 入门及实践](http://www.w3ctech.com//topic/1557) `作者：zhouweicsu`　　 17 | * [Webpack傻瓜式指南（一）](http://zhuanlan.zhihu.com/FrontendMagazine/20367175) `译者：前端外刊评论`　　 18 | * [Webpack傻瓜式指南（二）](http://zhuanlan.zhihu.com/FrontendMagazine/20397902) `译者：前端外刊评论`　 19 | * [入门Webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f) `作者：zhangwang `　 20 | 21 | ##### :muscle: 进阶教程 22 | * [webpack使用优化](http://web.jobbole.com/84847/) `作者：alloyteam`　　 23 | * [如何开发一个 Webpack Loader ( 一 )](http://www.alloyteam.com/2016/01/webpack-loader-1/) `作者：alloyteam`　　 24 | * [基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/blog/issues/56) `译者：CSS魔法` 25 | * [webpack常用配置总结](http://www.h-simon.com/42/) `作者：小凡哥` 26 | * [(译)Webpack——令人困惑的地方](https://github.com/chemdemo/chemdemo.github.io/issues/13) `作者：chemdemo` 27 | * [基于webpack搭建前端工程解决方案探索](https://github.com/chemdemo/chemdemo.github.io/issues/10) `作者：chemdemo` 28 | * [webpack在PC项目中的应用](https://github.com/icepy/_posts/issues/25) `作者：icepy` 29 | * [webpack实践最后一篇](https://github.com/icepy/_posts/issues/34) `作者：icepy` 30 | * [webpack_performance](https://github.com/wyvernnot/webpack_performance) `作者：wyvernnot` 31 | * [如何 10 倍提高你的 Webpack 构建效率](https://segmentfault.com/a/1190000005770042) `作者：紅白` 32 | * [Express结合Webpack的全栈自动刷新](http://acgtofe.com/posts/2016/02/full-live-reload-for-express-with-webpack) `来源：ACGTOFE` 33 | * [webpack 单页面应用实战](https://segmentfault.com/a/1190000005866410#articleHeader11) `作者：hsw` 34 | * [webpack多页应用架构系列](https://segmentfault.com/a/1190000006843916#articleHeader5) `作者：array_huang` 35 | 36 | #### :fire: webpack 2.0 37 | * [Webpack2 有哪些新东西](https://github.com/cssmagic/blog/issues/58) `译者：cssmagic` 38 | * [如何评价 Webpack 2 新引入的 Tree-shaking 代码优化技术?](https://www.zhihu.com/question/41922432) `来源：知乎` 39 | * [Webpack 2 Tree Shaking Configuration](https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233#.hqv8bdir5) `来源：Medium` 40 | * [Vue 2 + Webpack 2 脚手架](https://github.com/egoist/vuepack) `作者：egoist` 41 | * [webpack2-simple-vue2](https://github.com/vuets/webpack2-simple-vue2) `来源：vuets` 42 | * [超清 Webpack 2 视频教程 (持续更新)](https://github.com/ParryQiu/DevOpenClub-Tech-Webpack2) `作者：Parry` 43 | 44 | ##### :diamond_shape_with_a_dot_inside: React & webpack 45 | * [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) `作者：erikras` 46 | * [webpack-seed](https://github.com/chemdemo/webpack-bootstrap) `作者：chemdemo` 47 | * [Webpack+React+ES6开发模式入门指南](http://www.cnblogs.com/skylar/p/React-Webpack-ES6.html) `作者：大额_skylar` 48 | * [使用 React 和 Webpack 构建静态网站](http://www.oschina.net/translate/react-static-site) `来源：开源中国` 49 | * [手把手教你基于ES6架构自己的React Boilerplate项目](https://segmentfault.com/a/1190000005037309) `作者：lhc` 50 | * [budgeting-sample-app-webpack2](https://github.com/ModusCreateOrg/budgeting-sample-app-webpack2) `来源：Modus Create` 51 | 52 | ##### :a: Angular & webpack 53 | * [angular-webpack-cookbook](http://dmachat.github.io/angular-webpack-cookbook/) `作者：Drew Machat` 54 | * [angular-webpack](https://github.com/preboot/angular-webpack) `来源：preboot` 55 | * [angular2-webpack](https://github.com/preboot/angular2-webpack) `来源：preboot` 56 | * [angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter) `来源：AngularClass` 57 | * [es6+angular1.X+webpack 实现按路由功能打包项目](https://segmentfault.com/a/1190000004358725) `作者：yang_j_j` 58 | * [(译) 通过 Webpack 实现 AngularJS 的延迟加载](https://segmentfault.com/a/1190000004514747) `作者：Cheng_Gu` 59 | * [Webpack + Angular的组件化实践](https://segmentfault.com/a/1190000003915443) `作者：王伟嘉` 60 | 61 | ##### :man: Vue & webpack 62 | * [vue-webpack-boilerplate](https://github.com/vuejs-templates/webpack) `来源：vue官方` 63 | * [vue-chat](https://github.com/Coffcer/vue-chat) `作者：Coffcer` 64 | * [webpack入坑之旅系列](http://guowenfh.github.io/2016/03/24/vue-webpack-01-base/) `作者：guowenfh` 65 | * [vue-gulp-webpack单页面组件开发](https://github.com/JsAaron/vue-gulp-webpack) `作者：JsAaron` 66 | * [使用 Vuex + Vue.js 构建单页应用](https://segmentfault.com/a/1190000005891026) `作者：离尘不理人` 67 | * [vue-vueRouter-webpack](https://github.com/vingojw/vue-vueRouter-webpack) `作者：vingojw` 68 | * [Vue.js 和 Webpack](http://div.io/topic/1343?page=1#5517) `作者：djyde`　　 69 | * [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372) 70 | * [Vue 2 + Webpack 2 脚手架](https://github.com/egoist/vuepack) `作者：egoist` 71 | * [webpack2-simple-vue2](https://github.com/vuets/webpack2-simple-vue2) `来源：vuets` 72 | --------------------------------------------------------------------------------