Quasar 项目中的别名
使用 Quasar CLI 与 Vite 搭建 vue 项目后,没有经典的 vite.config.js 文件,相反,只有 quasar.config.js文件(更多详细信息:https://quasar.dev/quasar-cli-vite/quasar-config-file)。
在这种情况下,如何为 src 目录设置别名呢?
如果有使用 ElementUI Admin 的经验,可能会将 src 设置成别名
@
,然而在 Quasar 中,官方建议不将将 @
当作 src
的别名,因为 npm 包中,组织包是以 @
开头,会发生冲突。
在所有项目中,最好都不要使用 @ 作为 src 别名
系统别名
Quasar 为我们提供了配置好的别名,可以直接使用,它们分别是:
Alias | Resolves to |
---|---|
src |
/src |
app |
/ |
components |
/src/components |
layouts |
/src/layouts |
pages |
/src/pages |
assets |
/src/assets |
boot |
/src/boot |
自定义别名
如果上述别名无法满足日常使用,还可以通过这个教程添加自定义别名:Adding Webpack aliases
参考
本文参考以下文章,在此致以诚挚谢意!
Setting alias ‘@’ on Quasar CLI with Vite - Florin Codreanu - Medium
How to set own alias · Issue #3306 · quasarframework/quasar (github.com)