Any idea why I need a babel.config.js file and a .babelrc?

[schester44]

Using backpack in a monorepo with a common shared folder.

folder structure is like this:

project1/
    .babelrc
project2/
    .babelrc
shared

Both project1 and project2 have their own backpack config. I'm using babel's module-resolver plugin to resolve the shared folder so I can do stuff like import db from 'shared/db'.

All of this works fine but I get errors indicating babel isn't transpiling the code located in shared. Weirdly enough, copying the .babelrc contents to a babel.config.js fille work as intended.

Here is my .babelrc:

module.exports = {
    presets: ['backpack-core/babel'],
    plugins: [
        'date-fns',
        '@babel/plugin-proposal-nullish-coalescing-operator',
        '@babel/plugin-proposal-optional-chaining',
        [
            'module-resolver',
            {
                root: ['./src'],
                alias: {
                    shared: '../shared'
                }
            }
        ]
    ]
}

Any idea what i'm doing wrong here?

[p21nc3]

Hi schester44,

Are you still facing this issue? (babel.config.js file and a .babelrc).