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

Question

我如何配置 Babel 和 Webpack 来加载 ES6 源代码和 ES5 vendor 库，例如: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 代码将不会被转译，并且可能会被逐字复制(虽然我不确定可能会进行一些优化)