React App Demo前端模板项目

react + less 的项目搭建一直是前端圈里挺常见的组合,react-app-demo就是一个比较顺手的起点项目。直接用 create-react-app 初始化,命令简单,结构清爽,适合刚开始用 React 跑项目的你。

项目里接了 react-routeraxios,路由和求都准备好了,拿来改一改就能直接用。状态管理也接上了 react-redux,逻辑清晰,写法也比较主流。嗯,用起来不会有太多坑。

注意一点,create-react-app 不支持项目名有大写哦,比如不能直接叫 React-App-Demo,小写就没问题。跑起来也方便:npm start 开发,npm run build 打包,命令都在 package.json 里写好了。

如果你想加上 Less,记得先装 less-loadernpm 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,配置少,套路熟,适合练手也适合小项目启动。

zip 文件大小:246.03KB