vue路径别名配置

news/2024/9/22 11:48:55/

由于项目的src目录是源代码目录,所以我们经常会使用其内部的组件文件,那么我们就可以将这个./src做成一个模板,以便使用,我们可以将他设置为@代替。那么以后我们想选择./src目录下的文件时可以直接写为:@/路径

那我们就需要在vite文件中进行以下配置:

javascript">export default defineConfig({plugins: [其他配置,resolve: {alias: {'@': fileURLToPath(new URL('./src', import.meta.url))}}
})

配置后如果我们要引用一个在src的views下的Layout文件夹下的文件,我们可以在引包时:

javascript">import Layout from '@/views/Layout/name.vue'

而不用:

javascript">import Layout from './src/views/Layout/name.vue'


http://www.ppmy.cn/news/1528798.html

相关文章

推荐一款PS VR2电脑PC适配器 / 转接板方案

一、引言 随着虚拟现实技术的不断发展,PS VR2 为用户带来了沉浸式的游戏和娱乐体验。然而,为了让 PS VR2 能够与电脑连接,充分发挥其性能并拓展使用场景,需要开发一款电脑适配器 / 转接板。本技术文档方案旨在详细阐述该适配器 / …

Java集合(List篇)

List a.使用List i.最基础的一种集合,是一种有序列表,内部按照放入元素的先后顺序存放,每个元素都可以通过索引确定自己的位置。 ii.数组的删除和新增 iii.ArrayList集合的新增和删除。 iv.LinkedList(链表式集合&#x…

蓝桥杯【物联网】零基础到国奖之路:九. I2C

蓝桥杯【物联网】零基础到国奖之路:九. I2C 第一节 I2C概念第二节 I2C的物理层第三节 I2C的协议层 第一节 I2C概念 中文叫集成电路总线,是一种串行通信总线,使用多主从架构,由飞利浦公司1980年代初设计,方便主板、嵌入式系统或手…

《机器学习by周志华》学习笔记-神经网络-02感知机与多层网络

1、感知机 1.1、概念 感知机(Perceptron)由2层神经元模型组织,如下图所示: 「输入层神经元」接收外界输入信号后,传递给「输出层神经元 」 「输出层神经元」是「M-P神经元」,亦称「阈值逻辑单元(threshold logic unit)」 1.2、作用 「感知机」能够容易的实现逻辑「与…

某采招网爬虫数据采集逆向

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言一、pandas是什么?二、使用步骤 1.引入库2.读入数据总结 前言 目标网站 aHR0cHM6Ly9zZWFyY2guYmlkY2VudGVyLmNvbS5jbi9zZWFyY2g/a2V5d29yZHM9JWU0…

网络安全:腾讯云智、绿盟、美团、联想的面经

《网安面试指南》http://mp.weixin.qq.com/s?__bizMzkwNjY1Mzc0Nw&mid2247484339&idx1&sn356300f169de74e7a778b04bfbbbd0ab&chksmc0e47aeff793f3f9a5f7abcfa57695e8944e52bca2de2c7a3eb1aecb3c1e6b9cb6abe509d51f&scene21#wechat_redirect 《Java代码审…

剩余参数运算符的babel转义配置

记一次生产构建的报错 uncaught syntaxerror: unexpected token ... 背景 在处理展示markdown文本功能,并且其中的代码高亮功能时,引入了两个第三发的依赖包marked 和 highlight.js ,本地功能调试正常之后,一如即往的没有build…

基于SpringBoot+Vue的考研百科网站系统

作者:计算机学姐 开发技术:SpringBoot、SSM、Vue、MySQL、JSP、ElementUI、Python、小程序等,“文末源码”。 专栏推荐:前后端分离项目源码、SpringBoot项目源码、SSM项目源码 精品专栏:Java精选实战项目源码、Python精…