如何.babelrc配置文件可以让es6语法和treeShaking一起使用？

Question

{
  "presets": [
    [
      "es2015",
      { "modules": false }
    ],
  ],
  "comments": false
}

webpack用es6必须要用"es2015",
treeShaking使用必须加{ "modules": false }，导致webpack无法启动，不能识别es6语法。

如何写一个配置文件共存？

Answer 1

在webpack里配置babel-loader

module: {
    rules: [
      {
        test: /\.js$/,
        exclude: /(node_modules|bower_components)/,
        use: {
          loader: 'babel-loader',
          options: {
            presets: [['babel-preset-es2015', {modules: false}]],
          }
        }
      }
    ]
  }

Answer 2

你确定你用的是最新版的webpack？webpack不需要babel也支持import呀，因此不存在你说的“加{ "modules": false }，导致webpack无法启动，不能识别es6语法”的问题才对