2017-06-20 80 views
1

我使用的WebPack的代碼分裂功能,但似乎開玩笑不承認import()功能:代碼分裂`import`打破玩笑測試

 import('myModule').then(function (myModule) { 
     ^^^^^^ 
SyntaxError: Unexpected token import 

我沒有任何特殊設置。我的npm測試腳本是簡單運行的笑話"test": "jest"

我該如何讓它工作?

我使用的是最新版本的玩笑20.0.4和巴貝爾,開玩笑20.0.3

回答

2

哦我只是找到了答案。

只需安裝這個插件:https://github.com/airbnb/babel-plugin-dynamic-import-node,並把它添加到.babelrc文件:

{ 
    ... 
    "env": { 
    "test": { 
     "plugins": ["dynamic-import-node"] 
    } 
    } 
} 
+0

我一直有相同的[問題](https://stackoverflow.com/questions/45023155/webpack-code -breaking-breaks-jest-import-with-vuejs-components/45042067#45042067),這解決了我的問題,謝謝!雖然我也必須始終以--no-cache模式運行jest,以便它能夠正常工作:/ – LanFeusT