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

前端之家收集整理的这篇文章主要介绍了快速上手使用的基础脚手架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/


咳咳 ,还是那句话

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

猜你在找的React相关文章