js项目接入ts

第一步 安装依赖

yarn add typescript ts-loader
typescript核心
ts-loader配合webpack编译

第二步

创建tsconfig.json文件

第三步

在webpack配置文件中添加ts-loader配置

module: {
    rules: [
        // ...其它配置
        {
          test: /\.ts$/,
          use: [
            {
              loader: 'babel-loader',
              options: {
                presets: ['@babel/preset-env'],
              },
            },
            'ts-loader',
          ],
          exclude: /node_modules/,
        }
    ]
},
resolve: {
    extensions: ['.js', '.vue', '.ts']
}