Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ououpao/webpack-tutorial-collection

webpack 教程资源收集
https://github.com/ououpao/webpack-tutorial-collection

react-webpack vue-webpack webpack

Last synced: 5 days ago
JSON representation

webpack 教程资源收集

Awesome Lists containing this project

README 

        
### webpack 教程资源收集

(持续更新，欢迎 start, watch 或提 PR)

##### [官方文档](https://webpack.js.org/)

##### [中文文档](https://webpack.docschina.org/)

---

#### :four: webpack 4.0

* [(译)webpack4.0正式版重大更新与特性详细清单](https://mp.weixin.qq.com/s/tvhEkWTuSs8X0d5N_s79oA)  `译者：疯狂的技术宅`

* [(译)webpack 4正式发布，速度最高可提升98%！！](https://mp.weixin.qq.com/s/mF56rpzmqdSyti1iJu4tCw)  `译者：怡红公子`

* [webpack4初探](https://mp.weixin.qq.com/s/ScQdoysvLq8Pbc04LJII9w)  `作者：自然醒`



##### :v: 初级教程

* [webpack-howto](https://github.com/petehunt/webpack-howto)  `作者：Pete Hunt`

* [Webpack 入门指迷](http://segmentfault.com/a/1190000002551952)  `作者：题叶`  　

* [webpack-demos](https://github.com/ruanyf/webpack-demos) `作者：ruanyf`

* [一小时包教会 —— webpack 入门指南](http://www.cnblogs.com/vajoy/p/4650467.html)  `作者：VaJoy Larn`　　

* [webpack 入门及实践](http://www.w3ctech.com//topic/1557)  `作者：zhouweicsu`　　

* [Webpack傻瓜式指南（一）](http://zhuanlan.zhihu.com/FrontendMagazine/20367175)  `译者：前端外刊评论`　　

* [Webpack傻瓜式指南（二）](http://zhuanlan.zhihu.com/FrontendMagazine/20397902)  `译者：前端外刊评论`　

* [入门Webpack，看这篇就够了](http://www.jianshu.com/p/42e11515c10f)  `作者：zhangwang `　



##### :muscle: 进阶教程

* [webpack使用优化](http://web.jobbole.com/84847/)  `作者：alloyteam`　　

* [如何开发一个 Webpack Loader ( 一 )](http://www.alloyteam.com/2016/01/webpack-loader-1/)  `作者：alloyteam`　　

* [基于 Webpack 和 ES6 打造 JavaScript 类库](https://github.com/cssmagic/blog/issues/56)  `译者：CSS魔法`  

* [webpack常用配置总结](http://www.h-simon.com/42/) `作者：小凡哥`

* [(译)Webpack——令人困惑的地方](https://github.com/chemdemo/chemdemo.github.io/issues/13) `作者：chemdemo`

* [基于webpack搭建前端工程解决方案探索](https://github.com/chemdemo/chemdemo.github.io/issues/10) `作者：chemdemo`

* [webpack在PC项目中的应用](https://github.com/icepy/_posts/issues/25) `作者：icepy`

* [webpack实践最后一篇](https://github.com/icepy/_posts/issues/34) `作者：icepy`

* [webpack_performance](https://github.com/wyvernnot/webpack_performance) `作者：wyvernnot`

* [如何 10 倍提高你的 Webpack 构建效率](https://segmentfault.com/a/1190000005770042) `作者：紅白`

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

* [webpack 单页面应用实战](https://segmentfault.com/a/1190000005866410#articleHeader11) `作者：hsw`

* [webpack多页应用架构系列](https://segmentfault.com/a/1190000006843916#articleHeader5) `作者：array_huang`



#### :fire: webpack 2.0

* [Webpack2 有哪些新东西](https://github.com/cssmagic/blog/issues/58)  `译者：cssmagic`

* [如何评价 Webpack 2 新引入的 Tree-shaking 代码优化技术?](https://www.zhihu.com/question/41922432) `来源：知乎`

* [Webpack 2 Tree Shaking Configuration](https://medium.com/modus-create-front-end-development/webpack-2-tree-shaking-configuration-9f1de90f3233#.hqv8bdir5) `来源：Medium`

* [Vue 2 + Webpack 2 脚手架](https://github.com/egoist/vuepack) `作者：egoist`

* [webpack2-simple-vue2](https://github.com/vuets/webpack2-simple-vue2) `来源：vuets`

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



##### :diamond_shape_with_a_dot_inside: React & webpack

* [react-redux-universal-hot-example](https://github.com/erikras/react-redux-universal-hot-example) `作者：erikras` 

* [webpack-seed](https://github.com/chemdemo/webpack-bootstrap) `作者：chemdemo`  

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

* [使用 React 和 Webpack 构建静态网站](http://www.oschina.net/translate/react-static-site) `来源：开源中国`

* [手把手教你基于ES6架构自己的React Boilerplate项目](https://segmentfault.com/a/1190000005037309) `作者：lhc`

* [budgeting-sample-app-webpack2](https://github.com/ModusCreateOrg/budgeting-sample-app-webpack2) `来源：Modus Create`



##### :a: Angular & webpack

* [angular-webpack-cookbook](http://dmachat.github.io/angular-webpack-cookbook/) `作者：Drew Machat`

* [angular-webpack](https://github.com/preboot/angular-webpack) `来源：preboot`

* [angular2-webpack](https://github.com/preboot/angular2-webpack) `来源：preboot`

* [angular2-webpack-starter](https://github.com/AngularClass/angular2-webpack-starter) `来源：AngularClass`

* [es6+angular1.X+webpack 实现按路由功能打包项目](https://segmentfault.com/a/1190000004358725) `作者：yang_j_j`

* [(译) 通过 Webpack 实现 AngularJS 的延迟加载](https://segmentfault.com/a/1190000004514747) `作者：Cheng_Gu`

* [Webpack + Angular的组件化实践](https://segmentfault.com/a/1190000003915443) `作者：王伟嘉`



##### :man: Vue & webpack

* [vue-webpack-boilerplate](https://github.com/vuejs-templates/webpack)  `来源：vue官方`

* [vue-chat](https://github.com/Coffcer/vue-chat) `作者：Coffcer`

* [webpack入坑之旅系列](http://guowenfh.github.io/2016/03/24/vue-webpack-01-base/) `作者：guowenfh`

* [vue-gulp-webpack单页面组件开发](https://github.com/JsAaron/vue-gulp-webpack) `作者：JsAaron`  

* [使用 Vuex + Vue.js 构建单页应用](https://segmentfault.com/a/1190000005891026) `作者：离尘不理人`

* [vue-vueRouter-webpack](https://github.com/vingojw/vue-vueRouter-webpack) `作者：vingojw`

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

* [Vue+Webpack使用规范](https://www.talkingcoder.com/article/6309726065044556372)

* [Vue 2 + Webpack 2 脚手架](https://github.com/egoist/vuepack) `作者：egoist`

* [webpack2-simple-vue2](https://github.com/vuets/webpack2-simple-vue2) `来源：vuets`