2017-08-07 98 views
0

我正在這種一般設置一個應用程序:導入()和導入*不能一起工作。節點的WebPack

巴貝爾節點 - > Express服務器 - >的WebPack中間件 - >陣營

我試圖實現代碼分裂與進口()。這是我的.babelrc

{ 
    "presets": [ 
    "react", 
    [ 
     "es2015", 
     { 
     "loose": true, 
     "modules": false 
     } 
    ], 
    "stage-0" 
    ], 
    "plugins": [ 
    [ 
     "transform-runtime", 
     "react-hot-loader/babel", 
     "babel-plugin-syntax-dynamic-import", 
     "babel-plugin-dynamic-import-webpack", 
     "babel-plugin-transform-decorators-legacy", 
     "babel-plugin-transform-class-properties", 
     "react-intl", 
     { 
     "messagesDir": "./build/messages", 
     "enforceDescriptions": false 
     } 
    ] 
    ] 
} 

一些節點的代碼使用import * from *,所以如果我刪除「模塊」:假一切工作正常,但因爲他無法解釋進口的WebPack失敗()。否則節點失敗,因爲不明白導入*。我在這裏錯過了什麼?

回答

0

您不需要dynamic-import-webpack,因爲webpack v2現在與它一起。

看起來你已經安裝了babel-plugin-syntax-dynamic-import。嘗試將其包含在您的.babelrc中,如下所示:

{ 
    "presets": ["es2015"], 
    "plugins": ["syntax-dynamic-import"] 
}