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

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

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

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

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

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

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

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

  5. vitepressdemo-preview模块中
    在这里插入图片描述
    具体的实现,请参考录屏:

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

相关推荐

  1. 【Electron】Vite+Ts 项目内配置路径别名 “@/“

    2024-07-16 06:24:05       78 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-16 06:24:05       67 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-16 06:24:05       72 阅读
  3. 在Django里面运行非项目文件

    2024-07-16 06:24:05       58 阅读
  4. Python语言-面向对象

    2024-07-16 06:24:05       69 阅读

热门阅读

  1. 微服务边界守卫:Eureka中服务隔离策略的实现

    2024-07-16 06:24:05       21 阅读
  2. 仓工具—Hive语法之宏(Macro)

    2024-07-16 06:24:05       22 阅读
  3. 016.自定义指纹chromium-随机tls指纹(ja4指纹)

    2024-07-16 06:24:05       24 阅读
  4. PHP基础语法

    2024-07-16 06:24:05       21 阅读
  5. 向量数据量milvus k8s helm 对接外部安装部署流程

    2024-07-16 06:24:05       16 阅读
  6. ChatGPT对话:有关花卉数据集

    2024-07-16 06:24:05       21 阅读
  7. lvs集群

    lvs集群

    2024-07-16 06:24:05      25 阅读
  8. k8s学习笔记——dashboard安装

    2024-07-16 06:24:05       25 阅读
  9. Python应用—车辆统计(Opencv)

    2024-07-16 06:24:05       23 阅读