babel configuration not being used

[thescientist13]

Type of Change

• New Feature Request
• Documentation / Website
• Improvement / Suggestion
• Bug
• Other (please clarify below)

Summary

It appears as part of the discovery done into #198 , that our project's babel configuration configuration wasn't getting used at all. 😬

Details

By default, babel will look for a babel.config.js in the root of the project. However, our Babel configuration is in a folder in packages. This means that it was never getting used.

Similar to PostCSS config

const commonCssLoaders = [
  { loader: 'css-loader' },
  {
    loader: 'postcss-loader',
    options: {
      config: {
        path: path.join(__dirname, 'postcss.config.js')
      }
    }
  }
];

We would need to programmatically detect for babel config, e.g.

module: {
  rules: [{
    test: /\.js$/,
    loader: 'babel-loader',
    options: {
      configFile: path.join(__dirname, 'babel.config.js'),
    }
  }]

This does bring up a question, is browserslist also getting ignored? 😞