webpack5 项目中使用 TS

在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