在Rails中使用webpacker时Babel提示不清晰，如何消除编译冗余警告？

配置修改路径 #

你需要修改的是Rails项目根目录下的babel.config.js文件，这是webpacker默认加载的项目级Babel配置文件，无需修改node_modules目录下的插件相关文件，这类修改会在依赖重装后失效。

具体修改步骤 #

1. 打开根目录下的babel.config.js，找到配置导出对象中的plugins数组
2. 在数组中添加以下三条配置，确保三个相关插件的loose参数统一为true，完全消除配置冲突提示：

["@babel/plugin-proposal-class-properties", { "loose": true }],
["@babel/plugin-proposal-private-methods", { "loose": true }],
["@babel/plugin-proposal-private-property-in-object", { "loose": true }]

3. 保存文件后重启webpacker编译服务即可。

配置示例（完整版参考） #

module.exports = function(api) {
  api.cache(true)

  return {
    presets: [
      ['@babel/preset-env', {
        targets: '> 0.25%, not dead'
      }]
    ],
    plugins: [
      // 原有其他插件配置保留
      ["@babel/plugin-proposal-class-properties", { "loose": true }],
      ["@babel/plugin-proposal-private-methods", { "loose": true }],
      ["@babel/plugin-proposal-private-property-in-object", { "loose": true }]
    ]
  }
}

内容的提问来源于stack exchange，提问作者Jerome