Use config file .babelrc in webpack config

Oblosys · Oblosys · commit 11d055e3298f · 2022-10-03T20:09:53.000+02:00
diff --git a/.babelrc b/.babelrc
@@ -1,6 +1,7 @@
 {
   "presets": ["@babel/env", "@babel/react"],
   "plugins": [
+    // NOTE: plugin-proposal-decorators needs to precede plugin-proposal-class-properties.
     ["@babel/plugin-proposal-decorators", { "legacy": true }],
     ["@babel/plugin-proposal-class-properties", { "loose": false }]
   ],
diff --git a/webpack.config.js b/webpack.config.js
@@ -22,13 +22,7 @@ module.exports = {
       test: /\.(js|jsx)$/,
       use: [{
         loader: 'babel-loader',
-        options: {
-          presets: ['@babel/preset-env', '@babel/preset-react'],
-          plugins: [
-            ['@babel/plugin-proposal-decorators', { legacy: true }], // NOTE: needs to precede ..-class-properties!
-            ['@babel/plugin-proposal-class-properties', {loose: false}],
-          ]
-        }
+        options: { configFile: './.babelrc' }
       }],
       exclude: /node_modules/
     }, {

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,7 @@`
`1`	`1`	`{`
`2`	`2`	`"presets": ["@babel/env", "@babel/react"],`
`3`	`3`	`"plugins": [`
	`4`	`+ // NOTE: plugin-proposal-decorators needs to precede plugin-proposal-class-properties.`
`4`	`5`	`["@babel/plugin-proposal-decorators", { "legacy": true }],`
`5`	`6`	`["@babel/plugin-proposal-class-properties", { "loose": false }]`
`6`	`7`	`],`