ts、vite、vitepress配置别名alias

# vite 别名

// vite.config.js

import path from 'path'
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
    resolve: {
        alias: {
            '@hooks': path.resolve(__dirname, './src/_hooks')
        }
    }
})

1
2
3
4
5
6
7
8
9
10
11
12
13

# ts 别名

// tsconfig.json

{
    "compilerOptions": {
        "paths": {
            "@hooks/*": ["./src/_hooks/*"]
        }
    }
}

1
2
3
4
5
6
7
8
9

# vitepress 别名

// .vitepress/config.ts

import { defineConfig } from 'vitepress'

// https://vitepress.dev/reference/site-config
export default defineConfig({
    vite: {
        resolve: {
            alias: {
                '@hooks': path.resolve(__dirname, '../src/_hooks')
            }
            // {
            //   find: /^.*\/VPDemo\.vue$/,
            //   replacement: fileURLToPath(
            //     new URL('./theme/MobileDemo.vue', import.meta.url)
            //   ),
            // },
        }
    }
})

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

上次更新: 2023/12/16, 09:22:46

← nuxt3项目搭建与配置 Dayjs使用笔记→