【ts】使用ts的vue项目必须安装的插件和要进行的配置(一般使用搭建vue的时候脚手架会帮忙弄好，但是还是要知道项目里这些代码都是什么)

使用ts的项目，是需要安装ts-loader来处理.ts文件的。

例如babel-loader是用于处理js文件，而ts就是ts-loader

1. 先确保项目是否安装了webpack和typescript

npm install webpack --save-dev
npm install typescript --save-dev

1. 安装 ts-loader ，这是一个用于处理TypeScript文件的Webpack loader。

npm install ts-loader --save-dev

1. 在Webpack配置文件中，添加对 .ts 文件的处理规则。在 module.rules 数组中添加以下配置：

module.exports = {
  // ...其他配置项
  module: {
    rules: [
      // 处理.ts文件的loader规则，排除了node_modules目录
      {
        test: /\.ts$/,
        loader: 'ts-loader',
        exclude: /node_modules/,		
      },
    ],
  },
};