alias-skip icon indicating copy to clipboard operation
alias-skip copied to clipboard

不支持css样式~@跳转

Open yy249357 opened this issue 2 years ago • 3 comments

如css文件: background-image: url(~@/assets/img/h5/headerBg.png);

配置: "alias-skip.mappings": { "~@":"/src" }

jsconfig.json中 "paths": { "@/": ["src/"], "~@/": ["src/"] }

对css文件中~@插件不能生效。

yy249357 avatar Oct 31 '22 07:10 yy249357

这个我推测是vscode的问题,vscode对于特定位置的链接会强制使用内置的路径解析,其他插件都会失效,例如

.testcss2{
  background: url("@/img/add.png");
  "@/img/add.png"
}

使用ctrl+左键的方法点击链接,第一个png链接点击提示文件不存在,第二个png链接点击后打开了正确的文件 这个插件代码我本地运行了一下,发现解析的数据都是正确的,但是只要链接在url或者img的src里点击就不生效,复制出来放在外面反而能生效

Kevint1998 avatar May 27 '24 07:05 Kevint1998

又试了一下,确定是和vscode内置的路径解析冲突了,但是冲突的是ctrl+左键操作,如果鼠标点一下链接,再按F12是可以跳转到对应的文件的 而且作者的解析代码不严谨,代码行只包含一对引号时才能解析成功。 @yy249357 你代码中的url要引号括起来,然后用F12才能正确跳转

Kevint1998 avatar May 27 '24 08:05 Kevint1998

你的回答很有帮助, 感谢你对此问题的探究。

yy249357 avatar May 28 '24 00:05 yy249357

这个bug有修复吗

lxy030988 avatar Sep 29 '24 07:09 lxy030988