GiỏHàng React购物车项目
React 的购物车项目,结构清晰,用的是 Webpack 和 Babel 配好的脚手架。跑起来比较轻松,开发模式下直接 yarn start
,页面改完还能自动刷新,调试效率挺高。测试也有预设,直接 yarn test
就能跑,适合想快速搭建原型的朋友。
构建打包这块也考虑得比较周到,yarn build
后会自动压缩、加 hash、优化性能,拿来部署没啥问题。如果你对默认配置不满意,还能用 yarn eject
拆开配置手动改,不过这一步就别轻易回头了,毕竟一旦 eject 就不好恢复了。
嗯,整个项目对 React 初学者和想快速起项目的老司机都挺友好。你也可以参考下面这几个资源,了解更多关于 Webpack、Babel、React 的搭配玩法:
- React + Webpack + Babel 教程
- webpack-eslint-react-boilerplate
- React、Babel、Webpack 基础示例
- babel-webpack-react-router-eslint-hot-loader-boilerplate
- Express React Webpack Babel Setup
如果你正在找一个能快速搭建的 React + Webpack 项目骨架,可以先试试这个购物车项目,自己改几下就能直接用在实际项目里。
购物车:代码项目giỏhàng
预估大小:120个文件
.gitignore
310B
fontawesome-webfont.eot
162KB
Roboto-Bold.eot
20KB
Roboto-Medium.eot
21KB
Roboto-Light.eot
20KB
Roboto-Thin.eot
21KB
Roboto-Regular.eot
21KB
mdb.min.js
373KB
bootstrap.js
109KB
mdb.js
872KB
2.63MB
文件大小:
评论区