Can you use a regex in .babelrc?

Question

Here's what my .babelrc looks like. Obviously it doesn't work because of the regex in a JSON file:

{
  "presets": ["es2015", "react"],
  "plugins": ["transform-object-rest-spread"],
  "only": [
    '/client/**/*',
    '/server/**/*',
    /diy-fe-shared/ // <--- regex here breaks
  ]
}

Is there a way to use a regex here?

Answer 1

Maybe you can use regex in .babelrc like this: https://github.com/probablyup/markdown-to-jsx

Create .babelrc.js:

const plugins = [ 'emotion', ];

if (process.env.NODE_ENV === 'production') {
  plugins.push('transform-react-remove-prop-types');
}

module.exports = {
  plugins,
  presets: [
    ['es2015', {
      loose: true,
      modules: process.env.BABEL_ENV === 'esm' ? false : 'commonjs',
    }],
    'react',
    'stage-2',
  ],
};

Then require .babelrc.js in .babelrc

{
  "presets": ["./.babelrc.js"]
}