Does not work on ASTExplorer

[pshrmn]

• babel-plugin-macros version: 2.4.2+
• node version: 11.9.0
• npm (or yarn) version: 1.13.0

Relevant code or config

This commit (1785a0f) added a dependency of the resolve module, which internally uses fs.

babel-plugin-macros/src/index.js

Line 159 in 0048b14

const requirePath = resolve.sync(source, {

ASTExplorer uses Webpack's node setting to shim fs with an empty object.

https://github.com/fkling/astexplorer/blob/8b30e3d79498804bedfda4d4c802538fe0c60f5e/website/webpack.config.js#L240

What you did:

Attempted to use an import in the code (top left box) section on ASTExplorer.

What happened:

An i.statSync is not a function error

Reproduction repository:

n/a

Problem description:

1. Go to ASTExplorer
2. Activate the babel-plugin-macros transform
3. Add an import statement in the code (top left) section.

Suggested solution:

path.relative?

[kentcdodds]

The reason path.relative won't work is because we need it to resolve like a require would. Can't use require.resolve because we need it to be relative to the file being compiled 😟

I'm open to any suggestions! We may be able to add an option to allow some to specify their own module resolution function. I think we've done sobering like that in the past for astexplorer.net. Anyone want to work on that?