webpack - 无法解析模块 babel-preset-es2017/polyfill

Question

当我尝试使用带有 es2017 的 webpack 运行我的应用程序时，出现以下错误:

ERROR in ./app/app.js
Module not found: Error: Cannot resolve module 'babel-preset-es2017/polyfill' in C:\Users\mjarn\WebstormProjects\zombie-cat-production\app
 @ ./app/app.js 3:0-39

我的 webpack 设置:

module: {
    loaders: [
      {
        test: /\.js$/,
        loader: 'babel',
        exclude: /node_modules/,
        include: __dirname,
        query: {
          presets: ['es2015', 'es2017', 'react'],
          plugins: ['transform-runtime', 'transform-decorators-legacy', 'transform-class-properties'],
        }
      }
    ]
}

我的入口文件导入语句:

import 'babel-preset-es2017/polyfill'

import React from 'react'
import ReactDOM from 'react-dom'
...

我如何使它工作？

Answer 1

官方 README 已过时。我决定添加预设stage-0而是在我的 .babelrc文件。

{
  "presets": ["es2015", "stage-0", "react"],
  "env": {
    "test": {
      "plugins": [ "babel-plugin-rewire" ]
    }
  }
}

我的 webpack.config保持原样。

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