【Vite基础】Vite 中使用 TypeScript

// 在 Vite 项目中使用 TypeScript 时，需要确保已经安装了相关的依赖。
// 安装命令：npm install --save-dev typescript
 
// 在 vite.config.ts 或 vite.config.js 文件中配置 TypeScript 插件
import { defineConfig } from 'vite';
import tsconfigPaths from 'vite-tsconfig-paths';
 
export default defineConfig({
  plugins: [tsconfigPaths()],
  // 其他配置...
});
 
// 在 src 目录下创建一个 TypeScript 文件，例如：src/main.ts
console.log('Hello, Vite with TypeScript!');
 
// 注意：
// 1. 确保你的 tsconfig.json 文件已经配置正确。
// 2. 在 Vite 项目中，通常不需要显式地将文件后缀改为 .ts 或 .tsx，Vite 会自动识别这些文件。

这段代码演示了如何在 Vite 项目中启用 TypeScript。首先，确保 TypeScript 已经作为开发依赖安装。然后，在 Vite 的配置文件中引入并配置 tsconfigPaths 插件，该插件可以帮助 Vite 理解在 tsconfig.json 文件中配置的路径别名。最后，在项目的源代码目录下创建一个 TypeScript 文件，并在其中编写 TypeScript 代码。