#StackBounty: #javascript #visual-studio-code #refactoring #jetbrains-ide #es6-modules Refactor aliased @ imports to relative paths

Bounty: 250

In modular environments that use Webpack, TypeScript or other tools that transform ES module imports, path aliases are used, a common convention is @ for src.

It’s a frequent problem for me to transform a project with aliased absolute paths:

src/foo/bar/index.js

import baz from '@/baz';

to relative paths:

src/foo/bar/index.js

import baz from '../../baz';

For instance, a project that uses aliases needs to be merged with another project that doesn’t use aliases, configuring the latter to use aliases isn’t an option due to style guide or other causes.

This cannot be solved with simple search and replace, and fixing import paths manually is tedious and prone to errors. I expect original JavaScript/TypeScript codebase to remain intact in other respects, so transforming it with a transpiler may be not an option.

I would like to achieve this kind of refactoring with IDE of my choice (Jetbrains IDEA/Webstorm/Phpstorm) but would accept a solution with any other IDE (VS Code) or plain Node.js.

How can this be solved?


Get this bounty!!!

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.