如何在Webpack中使用Jest和ES6功能

Posted 2021-05-06

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

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"
    },

答案

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

另一答案

这解决了：

• 安装babel-jest和babel-preset-es2015
• 使用以下预设添加.babelrc文件

{
    "presets": ["es2015"]
}

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

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