react的ts配置

Posted 2023-03-09

参考技术A 最近准备自己造一套轮子，技术栈暂定为react+typescript。在react引入ts的时候还是遇到了一些坑，所以写篇文章记录一下引入的过程。
引入ts么，就要先选择一个ts的解析工具，这里我根据文档选了awesome-typescript-loader，所以在webpack.config.js里加

然后配置ts.config.js文件，在配置的时候，我加了这样一个选项

然后在yarn test的时候出现了一些bug，引入react必须import * as React from 'react'这么引， 否则就出错，报错如下

必须把它改成

所以ts.config.js配置应如下

另外，我需要再引入一下tslint，所以还要配置一个
tslint

配置完成，下一节我会讲react里怎么使用ts。