[WIP] Add support for transpile packages installed via NPM

[arunoda]

Fixes #706

Instructions

Add a field called transpileModules with an array of regexp patterns like this:

module.exports = {
 transpileModules : [
    /react-button/
  ]
}

Here Next.js checks every imported module with above patterns and transpile them if matched. By default it uses next/babel preset, but you can use a .babelrc file to customize it as you want.

In the above example, Next.js will transpile any module inside the node_modules directory which has "react-button" in it's pathname.

Note: Currently, Next.js only supports modules installed into node_modules. So, transpiling modules installed with npm link <my-comp-name> doesn't work well.

[nkzawa]

Umm, babel-register is not for production. I'm not sure if it's acceptable.

[arunoda]

I am not sure about that too. Need to read the source to dig more.

[arunoda]

Yep. I think we can go some kind of pre-compilation system.
For now, we can use this to test the functionality.

[jribeiro]

https://github.com/standard-things/esm looks promising. Maybe we could use this in production and babel-register in dev mode?

[slorber]

so it does not work with symlinks (like Lerna do?) not sure to understand that comment

[arunoda]

For now yes it is.

[abstracthat]

Where are we at with this feature? I just ran into this problem and would be lovely to not have to add transpiled code to the component repo.

[ajoslin]

I need this to work with symlink support (my project makes heavy use of Lerna).

I'd love to help contribute to get symlink support up and running. What steps need to be taken?

[traa]

Any possible workarounds to use Next.js with Lerna?

[timneutkens]

@arunoda do we still want to take this?

[arunoda]

Let's keep this open. I want to work on this someday.

[esteban-uo]

any status update on this issue @arunoda ? thx!

[jribeiro]

would be cool if this was more generic to support monorepo scenarios. I'm happy to lend a hand to this feature if needed

[thealjey]

will this ever get merged?

[mattfelten]

What happened here? Looks like the feature died?

[rickbyington]

Yes, would really like my Lerna packages to be able to get transpiled.

[philcockfield]

@timneutkens when you closed this, was it merged? Should the original example @arunoda gave work?

module.exports = {
transpileModules : [
    /react-button/
  ]
}

[timneutkens]

@philcockfield no, check #3319

[philcockfield]

Thanks @timneutkens