webpack - 如何在 Webpack 中使用带有 ES6 功能的 Jest

Question

当我使用 ES6 功能import并运行 jest 时，我收到此错误：

SyntaxError: Unexpected token import

它建议

 Here's what you can do:
     • To have some of your "node_modules" files transformed, you can specify a custom "transformIgnorePatterns" in your config.
     • If you need a custom transformation specify a "transform" option in your config.
     • If you simply want to mock your non-JS modules (e.g. binary assets) you can stub them out with the "moduleNameMapper" config option.

当我使用 Webpack 时，我不需要转换。但看起来我需要它来使用 Jest。我该怎么做？如何transform在配置中使用选项？

我在 package.json 中与 Jest 相关的所有内容是

"jest": {
        "verbose": true
    },
"scripts": {
        "test": "jest"
    },

Answer 1

查看文档Using with webpack 2。您需要配置 babel 以使其工作。

Answer 2

这得到了解决：

• 安装babel-jest和babel-preset-es2015

• 添加.babelrc具有以下预设的文件

{
    "presets": ["es2015"]
}

• 在 jest 配置中添加以下转换选项

    "jest": {
        "verbose": true,
        "transform": {
            "^.+\\.js$": "babel-jest"
        }
    },