Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Webpack 学习 #28

Open
moocss opened this issue Jun 23, 2015 · 14 comments
Open

Webpack 学习 #28

moocss opened this issue Jun 23, 2015 · 14 comments

Comments

@moocss
Copy link
Contributor

moocss commented Jun 23, 2015

http://webpack.wuhaolin.cn/ , https://github.com/gwuhaolin/dive-into-webpack (深入浅出Webpack 👍 💯💯)


https://www.villainhr.com/page/2017/10/27/%E7%9C%8B%E5%95%A5%E5%8F%8C%E6%8B%B1%E9%97%A8%EF%BC%8C%E6%9D%A5%E5%AD%A6%20webpack%203%E5%95%8A (webpack 3 详解👍 💯)


https://developers.google.com/web/fundamentals/performance/webpack/ (微软, webpack优化 👍 💯 )
https://github.com/GoogleChromeLabs/webpack-training-project


https://github.com/wxyyxc1992/create-react-boilerplate (基于 Webpack 3 的 React 工程项目脚手架 👍 💯💯 )

https://github.com/andywer/webpack-blocks (Configure webpack using functional feature blocks. 套件 👍 💯 )

https://gold.xitu.io/post/584e48b2ac502e006c74a120 (vue-cli#2.0 webpack 配置分析 👍 💯 )
https://github.com/jarvan4dev/vue-multi-page (基于vue-cli单页面脚手架改造的多页面项目)

https://github.com/kenanpengyou/express-webpack-full-live-reload-example (Express结合Webpack 的刷新 👍 )

http://taobaofed.org/blog/2016/12/08/happypack-source-code-analysis/ (happypack 是一个 webpack 插件,目的是通过多进程模型,来加速代码构建. 👍 💯 , 推荐使用 )

http://www.h-simon.com/42/ (webpack常用配置总结 )

https://github.com/ElemeFE/cooking (全局安装 webpack 基本的配置和依赖,让所有用 vue, react 或者 angular 的项目都能共用同一个 webpack 环境。同时提供一个简易通用的 webpack 配置。)

http://humaan.com/getting-started-with-webpack-and-react-es6-style/

https://github.com/chemdemo/webpack-seed
https://github.com/chemdemo/template-webapp

http://www.jianshu.com/p/a64735eb0e2b (彻底解决 webpack 打包文件体积过大)
http://slides.com/yuli-1/deck#/ (Webpack基础应用)

http://www.h-simon.com/42/ (webpack常用配置总结)

https://github.com/hjzheng/angular-rdash-webpack (AngularJS1.x + Webpack + ES6 尝试,mock, 👍 ,参考)

https://github.com/PinkyJie/angular1-webpack-starter (webpack ES6 Angular 1.* 👍 💯 )

http://boke.io/ji-yu-gulphe-webpackde-qian-duan-gong-zuo-liu/ (基于gulp和webpack的前端工程化 👍 )

https://github.com/Lucifier129/fe-starter (compile ES2016 code to ES3, run in IE6+ 👍 💯 )

https://github.com/unicorn-standard/starter-kit (gulp + webpack + es6语法 👍 💯 )

https://github.com/Aaaaaashu/QIAN (Build your web app boilerplate with Webpack and Gulp. 👍 💯, 学习)

https://github.com/mrdream24/react-babel-gulp-boilerplate

https://github.com/morlay/react-app-starter ( 👍 💯
Webpack
CSS modules
Babel
React
Node SASS
PostCSS
Autoprefixer

)

https://github.com/christianalfoni/webpack-express-boilerplate (A boilerplate for running a Webpack workflow in Node express)

http://www.alloyteam.com/2016/01/webpack-use-optimization/ (使用Webpack优化 👍 💯 )

https://github.com/wyvernnot/webpack_performance/tree/master/moment-example (优化 👍 💯 )
lcxfs1991/blog#2 (优化 👍 💯 )

https://github.com/ruanyf/webpack-demos ( Webpack 16 demo 联系)
https://github.com/ruanyf/react-babel-webpack-boilerplate (Webpack 样板 👍 💯 )

Webpack傻瓜式指南 系列 :

http://zhuanlan.zhihu.com/FrontendMagazine/20367175 (一)
http://zhuanlan.zhihu.com/FrontendMagazine/20397902 (二)
https://github.com/vikingmute/webpack-basic-starter(源码)

https://github.com/vikingmute/webpack-for-fools


http://boke.io/ji-yu-gulphe-webpackde-qian-duan-gong-zuo-liu/ (基于gulp和webpack的前端工程化)

http://survivejs.com/webpack_react/introduction/ ( Webpack and React 书)

https://fakefish.github.io/react-webpack-cookbook/ ( React 和 Webpack 小书)

https://robots.thoughtbot.com/setting-up-webpack-for-react-and-hot-module-replacement

(webpack文章集合):
http://segmentfault.com/t/webpack/blogs
https://github.com/FireQQTW/webpack-react-example
https://github.com/ersenal/react-webpack-gulp-starter
https://github.com/kmamykin/asset-gulper
https://github.com/ebargtuo/react-webpack-boilerplate

https://github.com/orelmax/react-skeleton/blob/master/webpack.config.js
https://github.com/netconomy/react-workshop-playground/blob/master/gulpfile.js
https://github.com/colinramsay/react-cordova-starter/blob/master/webpack.config.js

https://github.com/xufei/ng1-calendar (民工精髓的 webpack 配置 )

https://github.com/este/este (超好的 ES6 + Gulp + Webpack 配置)
https://github.com/amazeui/amt-starter-kit ( (超好的 ES6 + Gulp + Browserify 配置 )

amfe/article#24 (vue+webpack在“双十一”导购产品的技术实践 )

http://survivejs.com/ (Survive JS - Webpack and React 教程)

http://qiutc.me/post/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8webpack%E2%80%94webpack-howto.html (如何使用webpack 👍 入门推荐)
https://github.com/petehunt?tab=repositories (如何使用webpack 英文版源码 👍 入门推荐)
http://segmentfault.com/a/1190000004104496http://segmentfault.com/a/1190000004104496 👍 )

http://www.cnblogs.com/vajoy/p/4650467.html (一小时包教会 —— webpack 入门指南 👍 💯 )

http://segmentfault.com/a/1190000004172052 (WebPack 常用功能介绍)

https://404forest.com/2017/06/12/optimie-webpack-bundle-performance (优化)

http://krasimirtsonev.com/blog/article/javascript-library-starter-using-webpack-es6 (基于WebPack ES6 写一个JavaScript库 👍 💯 )
https://github.com/krasimir/webpack-library-starter(基于WebPack ES6 写一个JavaScript库 👍 💯 ()

优秀组件

https://github.com/zouhir/jarvis

@moocss
Copy link
Contributor Author

moocss commented Jun 23, 2015

https://github.com/jpetitcolas/webpack-react (A Webpack sample project, configured for ES6 React and SASS )

@moocss
Copy link
Contributor Author

moocss commented Jun 23, 2015

http://unageanu.hatenablog.com/entry/2015/03/18/072511 (React.js + Webpack + ContainerJSでTODOリストを作ってみた)

@moocss
Copy link
Contributor Author

moocss commented Jun 23, 2015

https://github.com/netgusto/IdiomaticReact (Idiomatic React - Flux - REST app)
http://badsyntax.github.io/react-seed (Seed project for React apps using ES6 & webpack. )

@moocss
Copy link
Contributor Author

moocss commented Jun 29, 2015

@moocss
Copy link
Contributor Author

moocss commented Jul 6, 2015

@moocss
Copy link
Contributor Author

moocss commented Aug 1, 2015

@moocss
Copy link
Contributor Author

moocss commented Aug 10, 2015

http://jiongks.name/blog/just-vue/ (Vue + webpack 项目实践 👍 )

https://github.com/egoist/vuepack (一个现代Vue和Webpack起动器 👍 )

https://github.com/rodzzlessa24/vue-webgulp (Vue.js + Webpack + Gulp + Vue Loader )

@moocss
Copy link
Contributor Author

moocss commented Aug 12, 2015

https://github.com/Lobos/webpack-es6-react (基于webpack React rctui的demo)

@moocss
Copy link
Contributor Author

moocss commented Aug 15, 2015

http://boke.io/ji-yu-gulphe-webpackde-qian-duan-gong-zuo-liu/ (基于gulp和webpack的前端工程化)

@moocss
Copy link
Contributor Author

moocss commented Oct 12, 2015

https://github.com/chemdemo/webpack-bootstrap (基于webpack+gulp搭建纯静态页面型前端工程解决方案模板。)

@moocss
Copy link
Contributor Author

moocss commented Oct 22, 2015

Webpack Plugin :

https://github.com/clessg/progress-bar-webpack-plugin (进度提示)

@moocss
Copy link
Contributor Author

moocss commented Nov 27, 2015

https://github.com/vikingmute/webpack-for-fools (Webpack傻瓜式指南)

@dingyiming
Copy link

好棒的资料,感谢!学习了

@tthallos
Copy link

tthallos commented Jan 5, 2016

http://segmentfault.com/a/1190000003499526 (基于webpack搭建前端工程解决方案探索)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants