快速上手使用的基础脚手架webpack2-react-tools

webpack2-react-tools

一个适合新手学习react/webpack2 能够上手使用的tools, 支持热更新，修改即自动打包并更新浏览器显示.

---

就拿之前自己学习react框架来说吧，漫天听过没有听过的构建工具也被强行带入，使得自己不得不同时学习和使用，到最后东抓一把西抓一把，更加困惑了。想试着配合下构建工具使用呢，可是各种各样大牛的逼格脚手架，对于新手来说使用上很困难，因为配置的项目太错综复杂了，完全木摸不着头脑。自己也是深有体会，简单实用适合新手学习的tools太少了。所以自己学习webpack2的同时，也搭了一个基础简单实用的tools，希望可以帮到一些新人朋友，少走点配置弯路，多把精力放在业务代码实现学习上。

优点：上手快，注释简单明了，能满足新手学习reactjs框架中的资源打包需要

缺点：打包环境和开发环境配置文件没有分离

概述

1. 支持热替换更新

2. 支持 scss 编写

3. 支持样式文件单独打包

4. 支持生成 html 模板

5. 支持 autoprefixer 自动添加浏览器前缀

安装

安装依赖

npm install 或 cnpm install

使用

运行开发环境 浏览器地址：http://localhost:8080/

npm start

运行生产环境 打包文件到dist

npm run dev

项目地址

https://github.com/willerfu/webpack2-react-tools

如果觉得这个 tools 还不错，不要浪费你手中的星星，记得给个 star 支持下，嘿嘿！

个人总结

webpack虽然只是作为一个项目辅助工具使用，并不参与代码的业务实现，但是学习如何高效的配置使用它还是很重要的，webpack2的中文文档是个不错的选择 http://www.css88.com/doc/webpack2/

---

咳咳 ，还是那句话

还是要不断学习，因为自己还很年轻