如何在Webpack中将Jest与ES6功能一起使用

时间:2019-03-01 01:54:41

标签: webpack jestjs

当我使用import之类的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": {
        "verbose": true
    },
"scripts": {
        "test": "jest"
    },

2 个答案:

答案 0 :(得分:0)

查看文档Using with webpack 2。您需要配置babel才能使其正常工作。

答案 1 :(得分:0)

此问题已通过以下方式解决:

  • 安装babel-jestbabel-preset-es2015

  • 使用以下预设添加.babelrc文件

{
    "presets": ["es2015"]
}
  • 在玩笑配置中添加以下转换选项
    "jest": {
        "verbose": true,
        "transform": {
            "^.+\\.js$": "babel-jest"
        }
    },