vite脚手架搭建vitepress路径别名设置

在用vite脚手架进行vue组件库开发过程中,我们希望引入工程内文件时可以采用路径别名的方式来取代相对路径的繁琐写法。为此我们可以配置路径别名。

下面是一个示例,我们会在vite应用以及整合的vitepress模块中均采用路径别名@来简化文件路径的引入方式。

下面是几个应用@路径别名的地方:

  1. 应用中的vue组件文件中
    在这里插入图片描述

  2. 应用入口main.ts
    在这里插入图片描述

  3. vitepress的模板配置中
    在这里插入图片描述

  4. vitepressmd文件中
    在这里插入图片描述

  5. vitepressdemo-preview模块中

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java小卷

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值