uniapp中vue2项目怎么编译ts文件

在uniApp中将Vue 2项目升级并开始支持TypeScript (TS) 需要遵循一些步骤：

1. **安装TypeScript**：首先，在终端或命令行中全局安装TypeScript，如果尚未安装：

   npm install -g typescript

2. **创建tsconfig.json**：在项目的根目录下创建一个`tsconfig.json`文件，配置TypeScript的基本选项，例如目标版本、源文件路径等。示例内容如下：

   {
     "compilerOptions": {
       "target": "esnext",
       "module": "commonjs",
       "strict": true,
       "esModuleInterop": true,
       "outDir": "./dist"
     },
     "include": ["src/**/*"]
   }

3. **修改*.vue文件**：在`.vue` 文件中添加 `lang="ts"` 属性，告诉VS Code等编辑器这是TypeScript文件。例如：

   <template lang="pug">
     <!-- ... -->
   </template>
   <script lang="ts"></script>

4. **转换JS到TS**：运行`tsc`（TypeScript 编译器）来转换现有的JavaScript文件为TypeScript。首次转换可能会生成一些错误提示，需要修复它们。

5. **更新构建脚本**：uniApp的构建系统可能需要对Webpack或其他构建工具进行配置以便处理TypeScript。通常，你需要安装`@vue/cli-plugin-typescript`插件，并在`vue.config.js`中配置编译过程，如引入`ts-loader`和`vue-tsc`。

// vue.config.js
module.exports = {
  configureWebpack: {
    module: {
      rules: [
        {
          test: /\.tsx?$/,
          use: ['ts-loader'],
          exclude: /node_modules/,
        },
      ],
    },
  },
  transpileDependencies: ['vue-class-component', '@vue/cli-plugin-router'],
};

6. **运行构建**：在`npm run build`或`yarn build`命令后，你应该能看到TypeScript编译后的结果。