React-Webpack-Babel-ESLint-Boilerplate前端开发脚手架
高级 React 项目的起手式,react-webpack-babel-eslint-boilerplate 就挺顺手的。Webpack 配置到位,支持 ESLint 和 Prettier,格式、风格全管上,搭配 DotENV 还能做环境变量隔离,适合多环境切换的项目。
热更新开的稳,代码一改浏览器就自动刷新,调试体验舒服多了。还内置了 路径别名,像 @/components
这种写法,不用老是点点点找路径,代码也清爽。
React + Babel 配合挺顺的,JSX 转译没问题,还支持最新的语法糖,写起来像在写原生 ESNext。开发环境只要 yarn dev
,浏览器直接打开 http://localhost:4000
,响应也快。
生产环境也搞定了,一条 yarn build
配合 yarn start
就能跑,静态资源也比较合理,适合你部署上线的小项目或中型应用。
如果你想从零搭 React 项目,不想踩坑,那这个样板可以直接拿来用。还可以结合这几篇文章深入看看:
react-webpack-babel-eslint-boilerplate-master.zip
预估大小:18个文件
react-webpack-babel-eslint-boilerplate-master
文件夹
.eslintrc
291B
yarn.lock
320KB
server.js
529B
webpack.config.js
379B
src
文件夹
index.html
311B
styles
文件夹
index.scss
40B
App.jsx
160B
131.41KB
文件大小:
评论区