# Vite 添加 alias

- Link: https://www.ixiqin.com/2021/11/07/vite-add-alias/
- Published: 2021-11-07T14:13:40+08:00
- Author: 白宦成

如果你希望简化你的 import 引用，可以通过在 Vite 中配置 alias ，来简化你的 import
引用。

只需要定义 reslove.alias 属性即可配置。

    ```javascript
    import {defineConfig} from 'vite'
    import vue from '@vitejs/plugin-vue'
    import path from 'path'
    // https://vitejs.dev/config/
    export default defineConfig({
        plugins: [vue()],
        resolve: {
            alias: {
                '@': path.resolve(__dirname, './src'),
                '@c': path.resolve(__dirname, './src/components'),
            },
        }
    })

    Code language: JavaScript (javascript)
    ```

参考地址：[https://cn.vitejs.dev/config/#resolve-alias](https://cn.vitejs.dev/config/#resolve-alias)