如何 批量替换 ::v-deep 警告?

Question

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

需要使用 :deep(xxx) 但是我项目里有一大堆,如何批量替换呢?

Answer 1

在vscode中使用正则表达式实现这个替换操作还是有点困难的，看我写的这个帖子：
如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式？
在这个文章中我已经实现了>>>、/deep/和::v-deep快速替换成:deep()这种形式，
如果帮你解决了问题，给我一个赞可否？

Answer 2

VSCode不是支持正则匹配搜索吗

Answer 3

从 Sass/Less 迁移到 Stylus 直接使用 CSS 原生支持的 >>> 来实现样式穿透，从根本上解决问题 😎。