React App Demo前端模板项目
react + less 的项目搭建一直是前端圈里挺常见的组合,react-app-demo就是一个比较顺手的起点项目。直接用 create-react-app
初始化,命令简单,结构清爽,适合刚开始用 React 跑项目的你。
项目里接了 react-router 和 axios,路由和求都准备好了,拿来改一改就能直接用。状态管理也接上了 react-redux,逻辑清晰,写法也比较主流。嗯,用起来不会有太多坑。
注意一点,create-react-app
不支持项目名有大写哦,比如不能直接叫 React-App-Demo
,小写就没问题。跑起来也方便:npm start
开发,npm run build
打包,命令都在 package.json 里写好了。
如果你想加上 Less,记得先装 less-loader
:npm i less-loader -D -S
。默认配置是隐藏的,要用 npm run eject
把 webpack 配置展开,注意哦,这一步不可逆,动手前要想清楚。
展开之后,去 config/webpack.config.js
里搜 sassModuleRegex
,能找到相关的 loader 配置。照着改一下,加上 less-loader
就能支持 .less
文件了。
如果你还在找项目参考,可以看看这些: react-cnode 比较完整; React SPA 样板 写法清晰; 想结合后端的,也可以看看 laravel.react.example。
如果你刚上手 React,又项目结构清楚、功能齐全,不妨试试 react-app-demo,配置少,套路熟,适合练手也适合小项目启动。
246.03KB
文件大小:
评论区