如何配置Webpack和Babel在一个项目中使用ES5和ES6

Question

如何配置Babel和Webpack以加载ES6源代码和ES5供应商库，例如：jQuery，以及我们在一个项目中的旧lib javascript文件？它们都具有相同的* .js扩展名。

  {
    test: /\.js$/,
    loader: 'babel',
    include: projectRoot,
    exclude: /node_modules/
  },

上面的加载程序将正确加载ES6，但将所有js文件视为ES6。我在ES5中的旧lib js文件怎么样？

这是我的.babelrc文件：

{
  "presets": ["es2015", "stage-2"],
  "plugins": ["transform-runtime"],
  "comments": false
}

Answer 1

ES6向后兼容ES5。你不应该担心这一点。 ES5代码不会被编译，并且可能会被逐字复制（可能有一些优化但我不确定）