1、vite + vue3 + ts 如何使用别名
    只要修改以下两个文件 tsconfig.json + vite.config.js 就可以了！

    1. {
    2.   "compilerOptions": {
    3.     "baseUrl": ".",
    4.     "paths": {
    5.       "@/*": [
    6.         "src/*"
    7.       ],
    8.       "@/components/*": [
    9.         "src/components/*"
    10.       ],
    11.       "/@style/*": [
    12.         "src/style/*"
    13.       ],
    14.       "/@views/*": [
    15.         "src/views/*"
    16.       ],
    17.       "/@lib/*": [
    18.         "src/lib/*"
    19.       ]
    20.     }
    21.   },
    22.   "include": ["src/**/*.ts", "src/**/*.d.ts", "src/**/*.tsx", "src/**/*.vue"],
    23.   "references": [{ "path": "./tsconfig.node.json" }]
    24. }
    1. import { defineConfig } from "vite"
    2. import vue from "@vitejs/plugin-vue"
    3. import pxtorem from "postcss-pxtorem"
    4. import path from "path";
    6. const { resolve } = require("path");
    7. export default defineConfig({
    8.   base: "./", // 开发或生产环境服务的 公共基础路径
    9.   resolve: {
    10.     alias: {
    11.       "/@": resolve(__dirname, "./src"),
    12.       "/@style": resolve(__dirname, "./src/style"),
    13.       "/@views": resolve(__dirname, "./src/views"),
    14.       "/@components": resolve(__dirname, "./src/components"),
    15.       "/@lib": resolve(__dirname, "./src/libs"),
    16.     },
    17.   },
    18.   css: {
    19.     //css预处理
    20.     preprocessorOptions: {
    21.       scss: {
    22.         charset: false,
    23.         //引入var.scss全局预定义变量
    24.         additionalData:
    25.           '@import "./src/style/mixins.scss";@import "./src/style/variable.scss";',
    26.       },
    27.     },
    28.   },
    29.   plugins: [
    30.     vue(),
    31.     pxtorem({
    32.       rootValue: 37.5,
    33.       unitPrecision: 4, // 保留小数位
    34.       propList: ["*"],
    35.       // selectorBlackList: [''], //过滤的类名
    36.       replace: true, // 默认直接替换属性
    37.       mediaQuery: false,
    38.       minPixelValue: 6, // 所有小于设置的样式都不被转换
    39.     }),
    40.   ],
    41.   server: {
    42.     host: "0.0.0.0",
    43.     fs: {
    44.       // Allow serving files from one level up to the project root
    45.       allow: [".."],
    46.     },
    47.     port: 3000,
    48.   },
    49. })