Allenice

Appearance

vite 别名 ​

js
// 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')
        }
    }
})
// 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')
        }
    }
})

ts 别名 ​

json
// tsconfig.json

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

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

vitepress 别名 ​

js
// .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)
            //   ),
            // },
        }
    }
})
// .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)
            //   ),
            // },
        }
    }
})