通过create-react-app构建typescript前端项目

项目简介

gitte地址
这是一个通过cra创建的ts项目
实现的内容如下

1. 支持less，默认支持sass
2. 支持代理，写法见贴图
3. 封装了axios请求，包括拦截器
4. 支持mock，不是使用mockjs，而是使用node起服务，请求本地数据；
5. 支持路由，react-routerv6版本，注意：截至到发帖，该命令创建的项目默认支持react18.x，在index文件下挂载dom的写法会报warning，我是降级到17.x。支持18.x写法的版本也会附上
6. 支持redux，测试的demo也可以访问菜单看到，可测试的demo不多，但每个实现了的功能都可以看到；
7. 引入ant，classnames，lodash等，这种小的工具库应该是直接install就可以用的，就不再一一列举

以上支持的内容在接下来可能会继续更新，如果有小伙伴参考本项目遇到问题可在评论区交流；

项目构建命令

npx create-react-app my-app --template typescript
后续需要将webpack配置暴露出来，把命令也贴在这里npm run eject

暴露的webpack配置解析

首先，本人在看到突然多出这么多相关的文件时也是懵圈的，最快解惑的当然是百度，站到巨人的肩膀上来阅读；
项目的结构解析如下：

• 项目启动执行的文件是scripts/start.ts，scripts下的另外两个将不作解读；

• webpack的基本配置也被加载了进来，从截图中可以大致看出，暴露出来的配置分的很细很全，并且都分别抽成特定的文件或者方法，
  这是一种配置代理的方式，另外一种如下，setupProxy的文件名可以从paths的代码里找到

• less的配置可以看这里
  
  以上贴图如果没有办法直接解决你的问题，但是上面的实现里包括了的话可以自行到项目下访问获取，或者评论区留言。