Webpack的总结&插件

个人经验总结

不要太过迷信网上的各种demo，还是要自己对工具有一定的理解。

收集到的资料

1. webpack-demos

• 阮一峰老师写的demo，比较基础，入门

1. Webpack 中文指南

• 也是比较基础的入门教程

1. Webpack傻瓜式指南（一）
2. Webpack傻瓜指南（二）开发和部署技巧
3. Webpack傻瓜指南（三）和React配合开发

开发插件、loader、依赖包

----react、redux相关----

react

npm install react react-dom --save

---

redux

npm install redux --save

---

react-redux

npm install react-redux --save

---

reselect

npm install reselect --save

Simple “selector” library for Redux

---

react-router

npm install react-router --save

---

react-router-redux

npm install react-router-redux --save

---

redux-thunk

npm install redux-thunk --save

Thunk middleware for Redux.

---

----webpack相关----

webpack

npm install webpack --save-dev

---

webpack-dev-server

npm install webpack-dev-server --save-dev

---

----loader相关----

css-loader

npm install css-loader --save-dev

css-loader会遍历css文件，找到所有的url(...)并且处理。

---

style-loader

npm install style-loader --save-dev

style-loader会把所有的样式插入到你页面的一个