如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式?

项目中有>>>/deep/写法不被支持和::v-deep兼容问题时候,怎么快速替换掉这种写法?
当有时候我们拿到一个老项目,它的css写法属于比较老旧的方式时候,而eslint却一直报错,看着心烦或者影响项目编译速度,我们则可以使用一下方式。


回答:

本例子是在在vscode中实现的,其他编辑器可以参考使用:具体操作看下图:
如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式?
VSCODE编辑器的SEARCH中按上图书写即可,正则表达式如下:
(\/deep\/)(.*?)(?=\{)
替换操作如下:
:deep($2)
如果有用,号隔开的用:
(\/deep\/)(.*?)(?=,)
替换操作如下:
:deep($2)

即可实现快速替换所有/deep/写法;
同理匹配>>>::v-deep一样适用
(>>>)(.*?)(?=\{)
(::v-deep)(.*?)(?=\{)

觉得有用的小伙伴,可以给我点个赞!

以上是 如何快速将>>>或/deep/或::v-deep替换成:deep()这种形式? 的全部内容, 来源链接: utcz.com/p/934226.html

回到顶部