用于 es6 依赖项的 webpack babel 加载器答案

【问题标题】：webpack babel loaders for es6 dependencies用于 es6 依赖项的 webpack babel 加载器
【发布时间】：2017-04-23 22:37:13
【问题描述】：

我有一些使用 es6 的依赖项，还有一些不使用。将 babel 加载器与这些依赖项一起使用的最佳方法是什么？现在，我在我的webpack-dist.conf.js 文件中手动指定每个 es6 依赖项，但这感觉很笨拙，我希望有一些自动方法可以将 node_modules 声明的 package.json 依赖项在必要时通过 babel。

有人处理过吗？

【问题讨论】：

我们让 babel 处理你所有的 JavaScript 文件，不管它们是否使用 ES6 特性。到目前为止没有任何问题。您是否面临这种方法的性能问题？
@Timo 我想我可以阅读 package.json 并以编程方式包含这些目录。它有点慢，因为我包括了角度，但至少这更明智。
就像@Timo 说的，只是“通天”。您可以尝试将它们重命名为 .es6，然后仅为这些文件类型运行 babel-loader。

标签： javascript webpack ecmascript-6 node-modules

【解决方案1】：

您可以在 webpack 的配置中执行此操作：

  module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel-loader',
        exclude: [/node_modules/]
      }
    ]
  },

然后你告诉 webpack babel-loader 用于所有".js" 文件

【讨论】：