Imports from /node_modules are not transpiled

[mgibas]

Just created new app using this commands:

rails new myapp --webpack
bundle
bundle exec rails webpacker:install

everything seems to be fine if it comes to /app/javascript/packs/application.js (code inside is transpiled the way I configure in .babelrc) but nothing happens to dependencies imported from /node_modules folder, ie.:

require('../../../node_modules/@mylib/mylib/file.js');

this will only output content of the file into a pack, but code is not picked up by babel :(

[mgibas]

Seems like same thing as in #1239
Is this is by design and I can run into some weird issues ?

[renchap]

babel-loader ignores node_modules/ in the default config:

webpacker/package/rules/babel.js

Lines 4 to 10 in 89e4d60

	module.exports = {
	test: /\.(js|jsx)?(\.erb)?$/,
	exclude: /node_modules/,
	use: [{
	loader: 'babel-loader',
	options: {
	cacheDirectory: join(cache_path, 'babel-loader')

You can all an include option to make webpack process a specific module with Babel.

Ideally the exclude option should not be here, but some NPM packages are distributed with a .babelrc file, and running babel-loader on them will cause errors as Babel will try to use their specific .babelrc file, but you may not have the correct Babel plugins in your project. See babel/babel#6766 for some details on this.

[gauravtiwari]

Thanks @renchap

Okay to close @mgibas ?

[mgibas]

Yes, thanks @renchap and @gauravtiwari!