webpack学习笔记

TODO

• 整理本仓库的所有实例
• 完善优化学习笔记
• 整理 Webpack 学习资源

项目索引

安装使用

TODO

模块详解

TODO

配置详解

TODO

加载器

TODO

插件

TODO

webpack-dev-server

TODO

webpack-dev-middleware

• webpack-hot-middleware: 学习使用 webpack-hot-middleware

工具集成

TODO

项目模板

• react-transform-boilerplate: React 组件可热加载的项目模板

译文

• 基于 Webpack 使用 React

资源索引

论坛社区

• StackOverflow Webpack Tag
• segmentfault Webpack Tag

精选博文

• webpack-howto
• react-webpack-cookbook: 使用 react 和 webpack 的小书)
• webpack_react: 从学徒到大师
• ruanyf/webpack-demos: webpack 使用示例合集

项目模板

• React Starter Kit: 基于 React, Node.js, Express 和 Flux 架构的 Web 开发模板
• react-redux-universal-hot-example: 基于 express, react, redux, webpack, react-transform 的统一 web 应用模板
• react-transform-boilerplate: 基于 webpack, 支持热加载 react 组件的项目模板
• react-starter: 基于 webpack 开发 react 项目模板
• angular2-webpack-starter: Angular2 和 Webpack 项目模板
• generator-react-webpack: 基于 React 和 Webpack 的项目 Yeoman 生成器
• hjs-webpack: 支持热加载 React 组件的 webpack 配置工具
• react-webpack-rails-tutorial: 集成 rail, react, redux, webpack 的示例
• css-modules/webpack-demo: CSS 模块化示例
• fullstack-react: 基于 react, webpack, falcor 的全栈 javascript 单页应用
• react-webpack-node: 基于 webpack 的同构 React 和 Flux 项目模板
• react-static-boilerplate: React 应用模板和工具
• gaearon/library-boilerplate: 包含 ESLint, Mocha, Babel, Webpack, 并支持热加载的 React 项目模板
• koa-react-full-example: 使用 Koa, React, Passport, Mongoose, Webpack, Mocha, Babel 开发项目的一个完整示例
• wbkd/react-starterkit: react-router, reflux, jest, webpack, gulp and stylus 的 React 项目模板
• webpack-express-boilerplate: 一个在 node express 中运行 webpack 的项目模板
• react-webpack-server-side-example: 使用 webpack, 且支持服务端渲染的 React 示例
• vue-webpack-example: Vue.js + Webpack 示例
• shanewilson/react-webpack-example: 使用 webpack 构件, Jest 测试 的 React 示例

开发工具

• react-native-webpack-server: 使用 webpack 构建 ReactNative 应用
• html-webpack-plugin: 简化 webpack 项目中 html 的创建
• webpack-isomorphic-tools: 服务端渲染 webpack 构件程序