这篇博客介绍了如何在项目中添加TypeScript的处理规则，通过修改webpack配置文件，添加了对.ts和.tsx文件的加载器设置，排除了node_modules和bower_components目录。同时，在babel.config.js中，增加了@babel/preset-typescript预设，确保TypeScript代码能够被正确转换。此外，还通过npm安装了必要的依赖，如typescript和对应的类型定义。
在rules中添加ts处理
{
// ts兼容处理
test: /\.tsx?$/,
use: ['babel-loader'],
exclude: [/node_modules/, /bower_components/],
},
在babel.config.js中增加ts预设
module.exports = {
presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
};
添加依赖
npm i typescript @types/react @types/react-dom
npm i @babel/preset-typescript -D
扫一扫
1570
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
