webpack中alias配置中的“@”是什么意思

2025-04-13 11:36:36
推荐回答(2个)
回答(1):

只是一个别名而已。这里设置别名是为了让后续引用的地方减少路径的复杂度。

//例如
src
- components
- a.vue
- router
- home
- index.vue

index.vue 里,正常引用 A 组件:

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

如果设置了 alias 后。
alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
}

引用的地方路径就可以这样了

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

这里的 @ 就起到了【resolve('src')】路径的作用。
【TS。DM】

回答(2):

写个@只为与众不同


import {User} from '~@assets/page/user';