simple-react-environment-webpack-typescript-sass React本地开发脚手架
React 项目的本地开发环境搭起来麻烦?用simple-react-environment-webpack-typescript-sass
这个脚手架省不少事。Webpack 打包,TypeScript 类型支持,Sass 样式预,基本都配好了,clone 下来跑就能用,适合平时写点小 demo 或练手项目。
Webpack的配置比较清爽,没堆太多 loader 和 plugin,启动快,构建也轻。用npm run dev
一键本地起服务,localhost:8080
打开就能跑。你要是喜欢手动撸配置文件,也可以在它基础上改着用。
TypeScript集成得比较自然,不会那种看起来复杂的 setup。写代码时编辑器有提示,类型错误一目了然,对初学者蛮友好。Sass支持也加上了,写样式的时候能用嵌套,变量什么的,风格更统一。
对比别的 starter,像react-ts-template那种集成 prettier 和 eslint 的更适合团队合作;但要是你追求轻量清爽,这个更合适点。
简单总结下使用步骤:
git clone https://github.com/Beto23/simple-react-environment-webpack-typescript-sass.git
cd simple-react-environment-webpack-typescript-sass
npm install
npm run dev
如果你刚开始接触 React + TypeScript 开发,想快速搭个环境写点东西,可以先从这个脚手架练起,踩坑少,跑得快。
296.83KB
文件大小:
评论区