vite 指定某个文件中的ts，转为js

Vite 是一个轻量级、快速的前端构建工具，它支持热更新和预加载功能。如果你想在 Vite 中将 TypeScript 文件转换为 JavaScript，Vite 的核心配置文件 `vite.config.js` 中可以设置 `tsconfig` 和 `transpileOptions` 来控制这个过程。

首先，你需要确保已经安装了 TypeScript 和相关的依赖，如 `@vitejs/plugin-ts`。在这个配置文件中，你可以添加以下内容：

import { defineConfig } from 'vite';
import ts from '@vitejs/plugin-ts';

// 使用默认的 tsconfig.json 如果存在，否则创建一个基本的配置
const isTsProject = fs.existsSync('tsconfig.json');
const tsconfigPath = isTsProject ? 'tsconfig.json' : './tsconfig.vite.json';

export default defineConfig({
  plugins: [
    // 配置typescript处理
    ts({
      configFile: tsconfigPath,
      transpileTarget: 'esnext', // 设置目标环境，例如这里为 ES6 或者更高
      compilerOptions: {
        module: 'commonjs', // 如果你的项目需要 CommonJS 兼容
        sourceMap: true, // 开启源码映射
      },
    }),
  ],
});

上面的配置表示 Vite 将读取 `tsconfig.json` 文件中的 TypeScript 配置，并按照指定的选项将其转换为 JavaScript。记得创建或更新 `tsconfig.json` 或 `tsconfig.vite.json`，以定义你的 TypeScript 编译规则。