如何在 webpack.config.js 中配置 @babel/plugin-proposal-class-properties？

Question

我认为这@babel/plugin-proposal-class-properties是使用的推荐替代方案babel-preset-stage-0。

在我当前的反应应用程序中，我使用webpack.config.js代替babel.rc或任何其他东西。我想知道如何在文件@babel/plugin-proposal-class-properties中配置这个插件webpack.config.js。该文档没有谈论它，所以我正在寻求您的帮助。

提前致谢！

Answer 1

您可以使用options属性将选项传递给babel-loader。

module: {
  rules: [
    {
      test: /\.m?js$/,
      exclude: /(node_modules|bower_components)/,
      use: {
        loader: 'babel-loader',
        options: {
          presets: ['@babel/preset-env'],
          plugins: ['@babel/plugin-proposal-class-properties']
        }
      }
    }
  ]
}