learn-webpack

learn-webpack copied to clipboard

webpack学习资源集合及学习笔记

• 官方文档：http://webpack.github.io/docs/
• 中文文档：http://webpackdoc.com/
• demo集合：https://github.com/ruanyf/webpack-demos
• webpack2 资源集合
• webpack交流QQ群：564362126（有问题可以在群里问哈~）

:fire: :blush: webpack最新推荐 :fire:

• 【译】使用webpack的提示和技巧
• 【译】Webpack解惑

初级教程：

• Webpack 入门指迷
• webpack-howto
• 一小时包教会 —— webpack 入门指南
• webpack 入门及实践
• Webpack傻瓜式指南（一）
• Webpack傻瓜式指南（二）

进阶教程：

• 如何开发一个 Webpack Loader ( 一 )
• 【译】基于 Webpack 和 ES6 打造 JavaScript 类库
• webpack常用配置总结
• 【译】Webpack——令人困惑的地方
• 基于webpack搭建前端工程解决方案探索
• webpack在PC项目中的应用
• webpack实践最后一篇
• 开发工具心得：如何 10 倍提高你的 Webpack 构建效率
• Express结合Webpack的全栈自动刷新
• webpack 单页面应用实战
• gulp + webpack 构建多页面前端项目

Vue & webpack

• vue-webpack-boilerplate
• vue-chat
• webpack入坑之旅系列
• vue-gulp-webpack单页面组件开发
• 使用 Vuex + Vue.js 构建单页应用
• vue-vueRouter-webpack
• Vue.js 和 Webpack

React & webpack

• react-redux-universal-hot-example
• webpack-seed
• Webpack+React+ES6开发模式入门指南
• 使用 React 和 Webpack 构建静态网站
• 手把手教你基于ES6架构自己的React Boilerplate项目
• budgeting-sample-app-webpack2

Angular & webpack

• angular-webpack-cookbook
• angular-webpack
• angular2-webpack
• angular2-webpack-starter
• es6+angular1.X+webpack 实现按路由功能打包项目
• 【译】通过 Webpack 实现 AngularJS 的延迟加载
• Webpack + Angular的组件化实践

gulp & webpack

• gulp和webpack初探
• 基于webpack+gulp搭建纯静态页面型前端工程模板
• 精益 React 学习指南 （Lean React）- 2.4 webpack + gulp 构建完整前端工作流

webpack性能优化

• webpack使用优化
• 彻底解决Webpack打包性能问题

webpack2.0

• 【译】 Webpack 2 有哪些新东西
• 如何评价 Webpack 2 新引入的 Tree-shaking 代码优化技术？
• Webpack 2 Tree Shaking Configuration

我的学习笔记教程[入门篇]

• webpack基本使用配置[入门篇]
• webpack Loader的使用教程及常用的loader[入门篇]

其他

• react 学习资源集合及学习笔记