Taro+Vue3 - 配置@路径别名

项目中最好不要使用相对路径，因为不灵活，不方便移植，路径容易写错，可读性太差，如：

import A from '../../../components/A.vue'

为了让文件路径更灵活，我们可以对项目文件进行配置：

config/index.js：

import path from 'path'
const config = {
    alias: {
        '@/components': path.resolve(__dirname, "..", "src/components"),
        "@/apis": path.resolve(__dirname, "..", "src/apis"),
        "@/assets": path.resolve(__dirname, "..", "src/assets"),
    }
}

tsconfig.json：

{
    "compilerOptions": {
        "paths": {
            "@/components/*": ["./src/components/*"],
            "@/apis/*": ["./src/apis/*"],
            "@/assets/*": ["./src/assets/*"]
        }
    }
}

记得重启项目，这样我们就可以在页面中灵活方便使用了：

import A from '@/components/A.vue'
import { toLogin } from '@/api/index'
import img from '@/assets/images/xxx.jpg'