vscode regex find/replace replace characters inside string

Question

I want to replace all instances of

() => import('@/components/something/Something')

with

() => import(/* webpackChunkName: "components--something--Something" */ '@/components/something/Something')

So far I have this find/replace regex

Find:  => import$'(.+?)'$

Replace: () => import(/* webpackChunkName: "$1" */ '$1')

Which replaces:

() => import('@/components/something/Something')

with

() => import(/* webpackChunkName: "@/components/something/Something" */ '@/components/something/Something')

My problem is that I don't know how to replace the "@" and "/" characters

Do I need to execute two find/replace queries or can it be done with a single one? I want to remove the "@" entirely and replace the "/" by "--"

Any help much appreciated!

Thanks

good to know.. but I would still like to know how to do it as two find/replace operations — vesperknight
– vesperknight, Commented Aug 26, 2019 at 20:31

Casimir et Hippolyte · Accepted Answer · 2019-08-27 01:30:09Z

3

With two find/replace:

find: (\(\) => import\()'@/([^']*)'\)
replace: $1/* webpackChunkName: "$2" */  '@/$2')

demo

and

find: ((?:\G(?!^)|\(\) => import\(/\*)[^/*]*)/
replace: $1--

demo

answered Aug 27, 2019 at 1:30

Casimir et Hippolyte

90k5 gold badges102 silver badges131 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

JDB · Accepted Answer · 2019-08-26 20:41:02Z

0

If the path always matches the @/part1/part2/part3 pattern, then you could group those parts individually and use your backreferences like so:

Find:

\(\) => import\('(@/(.+?)/(.+?)/(.+?))'\)

Replace:

() => import(/* webpackChunkName: "$2--$3--$4" */ '$1')

However, if the number of path parts varies (which is more likely) then you're best bet is probably a second and third set of find and replaces along these lines:

Get rid of the @/

Find:

(?<=\(\) => import\(/\* webpackChunkName: ")@/

Replace:

(Replace with nothing)

Convert / to --

Find:

(?<=\(\) => import\(/\* webpackChunkName: ")(.*?)/(.*?)(?=" \*/)

Replace:

$1--$2

(You'll have to run this several times per line)

answered Aug 26, 2019 at 20:41

JDB

26.1k5 gold badges81 silver badges132 bronze badges

Collectives™ on Stack Overflow

vscode regex find/replace replace characters inside string

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related