vite初体验

vite 初体验

使用 vite 创建一个 react 的项目

npm create vite@latest

然后选择 react 项目，等待安装完成后，进入项目目录

npm install

修改vite.config.js文件，添加alias配置，首先安装@types/node

npm install @types/node

然后在vite.config.js文件加入如下配置

import {join} from 'path'
resolve: {
  alias: {
    '@': join(__dirname, 'src')
  }
}

完整内容如下

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import { join } from "path";
// https://vite.dev/config/
export default defineConfig({
  plugins: [react()],
  resolve: {
    alias: {
      "@": join(__dirname, "src"),
    },
  },
});

然后修改tsconfig.app.json文件，添加baseUrl和paths配置

{
  "compilerOptions": {
    "baseUrl": "./",
    "paths": {
      "@/*": ["src/*"]
    }
  }
}