OnlineShop React电商前端框架
Create React App 搭起来的 onlineShop 项目,结构清晰,脚本也比较标准,用起来挺顺手的。你只要在目录里跑一条yarn start
,开发模式直接起飞,改代码还能热更新,响应也快。
yarn test
用来跑测试,支持交互式监控,适合一边撸代码一边验证逻辑。测试工具集成得还不错,想了解原理可以看看文末那几个相关链接。
yarn build
打包之后的产物放在build
文件夹,做了压缩和哈希,上线不用担心缓存问题。配合 CDN 走一波,体验还挺稳。
如果你对 CRA 默认的打包方式不满意,也可以执行yarn eject
。但注意哦,这操作是单向的,eject 了就不能回头。配置项全都暴露出来,Webpack、Babel、ESLint 你都得自己扛。
项目本身蛮适合刚入门 React 或者想快速搭个前端电商框架的朋友,用 Yarn 全程跑流程也流畅。如果你想进一步折腾配置,可以参考webpack-react:配置 React 的 Webpack这些资料。
简单说,如果你正打算学 React、熟悉脚本流程,或者练习如何从开发到部署跑完整项目,这个项目还挺值得一试的。
637.1KB
文件大小:
评论区