diff --git a/lib/makeDefaultWebpackConfig.js b/lib/makeDefaultWebpackConfig.js index a65d9f50..6d395279 100644 --- a/lib/makeDefaultWebpackConfig.js +++ b/lib/makeDefaultWebpackConfig.js @@ -5,15 +5,17 @@ module.exports = (playroomConfig) => ({ test: /\.jsx?$/, include: playroomConfig.cwd, exclude: /node_modules/, - use: { - loader: require.resolve('babel-loader'), - options: { - presets: [ - require.resolve('@babel/preset-env'), - require.resolve('@babel/preset-react'), - ], + use: [ + { + loader: require.resolve('babel-loader'), + options: { + presets: [ + require.resolve('@babel/preset-env'), + require.resolve('@babel/preset-react'), + ], + }, }, - }, + ], }, ], }, diff --git a/lib/makeWebpackConfig.js b/lib/makeWebpackConfig.js index 05af5009..7ba4ad72 100644 --- a/lib/makeWebpackConfig.js +++ b/lib/makeWebpackConfig.js @@ -71,35 +71,39 @@ module.exports = async (playroomConfig, options) => { { test: /\.(ts|tsx)$/, include: includePaths, - use: { - loader: require.resolve('babel-loader'), - options: { - presets: [ - [ - require.resolve('@babel/preset-env'), - { shippedProposals: true }, + use: [ + { + loader: require.resolve('babel-loader'), + options: { + presets: [ + [ + require.resolve('@babel/preset-env'), + { shippedProposals: true }, + ], + require.resolve('@babel/preset-react'), + require.resolve('@babel/preset-typescript'), ], - require.resolve('@babel/preset-react'), - require.resolve('@babel/preset-typescript'), - ], + }, }, - }, + ], }, { test: /\.js$/, include: includePaths, - use: { - loader: require.resolve('babel-loader'), - options: { - presets: [ - [ - require.resolve('@babel/preset-env'), - { shippedProposals: true }, + use: [ + { + loader: require.resolve('babel-loader'), + options: { + presets: [ + [ + require.resolve('@babel/preset-env'), + { shippedProposals: true }, + ], + require.resolve('@babel/preset-react'), ], - require.resolve('@babel/preset-react'), - ], + }, }, - }, + ], }, { test: /\.less$/,