ZYK1236 / react-ts-cli

使用webpack搭建的一套符合工作室代码规范,基于react,typescript的开箱即用模版

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

集成ts,react/router,antd,css modules(less)(暂定),react-model(暂定)的脚手架,全部代码基于typescript编写 🐛

webpack 学习笔记: https://github.com/ZYK1236/learn-webpack

功能一:基于typescript,在编译阶段就可以检测编写代码时的错误 ❌

功能二:集成最新的react-router-dom,拥抱hooks (useHistroy,useLocation)

功能三:采用css module(支持less),避免css命名变量污染,方便团队开发

功能四:使用符合vuex语法和支持hooks的react-model进行状态管理(这点存疑,因为redux很经典...,就是我用不习惯而已)

功能五:使用prettierrc配合husky来进行代码规范,团队协作开发时方便review代码和mr

功能六:开发环境支持hmr

功能七:打包优化,并使用用gzip压缩js(配合nginx使用),优化后效果如图

d4RR6P.png

About

使用webpack搭建的一套符合工作室代码规范,基于react,typescript的开箱即用模版


Languages

Language:TypeScript 52.6%Language:JavaScript 43.0%Language:HTML 2.7%Language:Less 1.1%Language:CSS 0.6%