Vue项目中../路径./路径@/路径~@/路径的区别

最新推荐文章于 2024-06-21 10:22:37 发布
最新推荐文章于 2024-06-21 10:22:37 发布
阅读量3.7k 收藏 9
点赞数 3
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44524835/article/details/112648501
版权
本文深入探讨了Webpack中的路径别名配置，重点讲解了`@/`和`~@/`的用法，以及如何在webpack.base.conf.js中设置自定义路径别名。通过使用这些别名，开发者可以简化模块引用，提高代码可读性和项目维护性。
摘要由CSDN通过智能技术生成
  • …/ 表示父级目录下
  • ./ 表示当前目录下
  • @/ 是webpack/build/webpack.base.conf.js中配置的路径别名
  • ~ @/中的 ~ 代表根目录，~@即根目录下的配置为@的路径
水木Moira
关注
  • 3
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue中的路径@/和./有什么区别
努力向前，成长可见
12-20 1210
Vue中的路径@/和./有什么区别 ./表示相对路径，具体代表当前目录下的同级目录，遵循从后往前找文件 @/的意思： 表示的也是相对路径，@在根目录/build/webpack.base.conf.js文件中是经过配置的， 比如配置文件中@配置成src目录，遵循从前往后找文件，比如’@/components/login’ 就表示的是src/components/login文件 配置代码如下： resolve: { extensions: ['.js', '.vue', '.json'],
vue.config.js中配置Vue的路径别名的方法
10-15
在Vue.js开发中，路径别名是一个非常实用的功能，它允许开发者为项目中的常用路径创建简短的别名，从而提高代码的可读性和可维护性。Vue CLI提供了一个名为`vue.config.js`的配置文件，允许我们自定义项目的构建设置...
Vue中路径的@/和./ 的区别
Mygongzi的博客
03-15 6219
Vue中路径的@/和./ 的区别
Vue中路径的 “@/“ 和 “./“ 的区别
UserGuan的博客
12-08 5306
./：表示相对路径，代表当前目录下的同级目录，遵从的是从后往前找文件 @：等价于 /src 这个目录，遵从的是从前往后找，是为了避免麻烦又怕写错的相对路径的简写 因为在根目录/build/webpack.base.conf.js文件中配置过 @ 的 resolve: { extensions: ['.js', '.vue', '.json'], alias: { ......
在 Vue 3 中设置 `@` 指向根目录的方法汇总
最新发布
王兆镇的博客
06-21 1359
在 Vue 3 项目开发中，为了方便管理和引用文件路径，设置指向根目录是一项常见的需求。以下为您总结了几种常见的实现方式。
vue路径中“@/“代表什么
wjw_de_java的博客
10-24 963
路径中"@/"代表什么
vue中引入路径@的用法及说明
风不冷的博客
06-06 3717
【代码】vue中引入路径@的用法及说明。
vue ../路径./路径@/路径~@/路径的区别
有没有认真工作的博客
03-01 726
/ 是webpack/build/webpack.base.conf.js中配置的路径别名。~ @/中的 ~ 代表根目录，~@即根目录下的配置为@的路径。../ 表示父级目录下。./ 表示当前目录下。
关于vue.js发布后路径引用的问题解决
10-19
在Vue.js开发过程中，我们经常会遇到在项目打包发布后，静态资源（如CSS、JavaScript文件）的路径引用出现问题。这主要是因为Vue CLI在构建（build）项目时，根据配置生成的路径是相对基础URL的，当项目部署在非根...
解决Vue项目打包后打开index.html页面显示空白以及图片路径错误的问题
10-16
这段代码将在CSS资源路径前添加`../../`，帮助浏览器找到正确的图片路径。 完成上述修改并重新打包后，图片加载失败的问题通常能得到解决。 总结来说，Vue项目打包后遇到的常见问题主要有两个方面：一是`index....
详解Vue.js中引入图片路径的几种方式
10-16
通过使用以点（.）开始的相对路径，如 "./" 或 "../"，在JavaScript中导入资源或者在template/CSS中引用资源。这种引用方式会被Webpack处理。例如，在template中使用： ```html <img src="./assets/images/01.jpg...
【vue】@、@/、../和./的区别
天亮就睡
05-30 495
源自https://www.cnblogs.com/cyfeng/p/11928255.html。：在build文件夹下webpack.base.conf.js找到@，便能知道@代表什么了;：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用；这里指向src文件夹。: 表示父级目录。
vue中@符号表示什么意思？
sanmi8276的博客
07-01 5448
这和vue没关系。 ./这是相对路径的意思。@/这是webpack设置的路径别名。 这东西在vue标准模板里面的build/webpack.base.conf这个文件里面。 resolve: { // 路径别名 alias: { '@': resolve('src'), 'vue$': 'vue/dist/vue.esm.js' } }, 就是说@这东西代表着到src这个文件夹的路径 ...
vue 中的@、@/和./的区别
热门推荐
CSDN_Alisa的博客
06-30 2万+
@：表示vue语法中v-on的简写；绑定事件的专用格式。当事件触发的时候，函数才会来调用。 使用格式，在标签内部添加v-on:事件名="事件" 注意：Vue实例中所有的函数必须放在methods对象中，否则利用v-on绑定的事件，系统会报找不到该事件的错误 @ /：表示 src目录下； . /：表示当前目录下； ...
Vue路径写法：./ 和 @/
Wind的博客
04-12 1881
Vue路径写法：./ 和 @/
vue路径写法：./和@/的区别
初来乍到
07-06 1701
vue在引用路径的时候可以有两种写法： 1、用 ./ 的写法引用如下： import './api/index' 这个代表在相同文件下绝对路径的意思。 2、用@写法： import util from '@/assets/js/util' 这个@是在 webpack.base.conf.js 文件里配置的，找到下面这段话 resolve: { extensions: ['.js', '.vue', '.json'], alias: { 'vue$': 'vue...
vue ../../../
09-13
Vue.js是一个用于构建用户界面的JavaScript框架。它是一个非常流行的前端框架，被广泛用于开发单页面应用程序（SPA）和响应式的用户界面。 在你提到的路径"../../../"中，"../"表示返回上一级目录，而每个"../"表示返回上一级目录一次。因此，"../../../"表示返回上三级目录。 这种路径表示法通常用于在Vue.js项目中引入其他文件或组件。通过使用相对路径，你可以在项目中方便地导航到其他文件或组件所在的目录。 请注意，路径表示法可能因项目的结构而有所不同，因此具体的路径会根据你的项目结构而变化。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值