Alias on partial string?

[FezVrasta]

I have a set of react components all in the same folder (a_la_lerna).

These components will be published to npm under a namespace, all prefixed by the react- string, I would like to make them depend by each other, example:

Structure:

/packages/foo/index.jsx // on npm will be @namespace/react-foo
/packages/bar/index.jsx // on npm will be @namespace/react-bar

foo/index.jsx:

import Bar from '@namespace/react-bar';
[...]

I would like to make webpack load the modules locally instead of npm while I'm developing, in practice, the import should be transpiled to:

import Bar from 'packages/bar';

Is it possible?

[tleunen]

Hmm... I believe you should be able to set a custom alias for packages/foo into @namespace/react-foo. But then you'll need to do it for all your packages manually.

[FezVrasta]

Thank you for the answer.
No ways to make this dynamic? based on glob or anything?

[tleunen]

Globbing only works for the root configuration for now.. So because you want a custom alias, I'm afraid it's not currently supported.

[FezVrasta]

Thank you, I'll try a different solution.

Do you have plans to support glob or a custom function used to match the files?

[tleunen]

Globbing in the alias could be a nice to have. Supporting a custom function is tricky because we can't define the babel config in JS afaik. But we could allow having a reference to a file to setup the matching.

Would you want to work on adding the features?

[FezVrasta]

Unfortunately I haven't time at the moment 🤕