vue3 vite 配置@绝对路径
时间: 2024-02-01 22:04:34 浏览: 281
vite-template-test:ElementPlus + Vue3 + Vite + Typescipt管理模板。 仍在努力。
在Vue 3中,使用Vite作为构建工具可以配置@绝对路径。在Vite的配置文件中,可以通过设置"alias"选项来配置@的绝对路径。
具体步骤如下:
1. 打开Vite配置文件,一般是`vite.config.js`。
2. 在配置文件中找到`alias`选项,如果不存在,则创建一个。
3. 在`alias`选项中添加一个键值对,键为`@`,值为对应的路径。
4. 例如,如果你的源代码路径是"src"文件夹,可以将值设置为`path.resolve(__dirname, 'src')`,其中`__dirname`是指当前配置文件的绝对路径。
5. 保存并关闭配置文件。
这样,Vue 3项目中就可以使用@路径来引入模块或文件了。
请注意,以上步骤是在Vite项目中配置@绝对路径的方法,而不是在Vue 3框架本身进行配置。
阅读全文