How can I create aliases for npm modules?

[siddharthkp]

I tried to do this, but failed.

Something like this:

  plugins: [
    ['module-resolver', { alias: { react: 'preact-compat' } }]
  ]

Any npm module (not just my code) that uses react, should get preact-compat.

Is this something that is possible?

[fatfisz]

Hi @siddharthkp, this would be possible (although not without problems) if you applied the transform to the files inside node_modules. Usually node_modules are ignored.

Maybe you could manually add a "react" package to node_modules that would export preact-compat?

[siddharthkp]

if you applied the transform to the files inside node_modules

How can I do that?

Maybe you could manually add a "react" package to node_modules that would export preact-compat?

This will work, probably my last option, if nothing else works

[fatfisz]

How can I do that?

It depends on the tool that you use to apply babel transforms. For example, in Webpack and Rollup just don't add node_modules to the "exclude" config.

[siddharthkp]

I am using babel-register

[tleunen]

@siddharthkp https://babeljs.io/docs/usage/babel-register/#usage-ignores-node-modules-by-default

[siddharthkp]

Thanks! This is helpful 😄