Import（）とimport *が連携していません。ノードとのWebPACK

Question

私はこの一般的なセットアップとアプリに取り組んでいます：

バベル・ノード - > Expressサーバ - > WebPACKのミドルウェア - >私は、インポートして、コード分割を実装しようとしている

に反応します（）。 （偽すべてが正常に機能しているが、彼はインポートを解釈できないので、WebPACKのは失敗）：これは私が「モジュール」を削除ので、もしノードのコードの一部は、import * from *を使用している

{ 
    "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 
     } 
    ] 
    ] 
} 

私.babelrcです。そうでなければ、のインポート*を理解できないためノードが失敗します。ここで私は何が欠けているのですか？

Answer 1

dynamic-import-webpackはwebpack v2に付属しているので、必要ありません。

babel-plugin-syntax-dynamic-importがインストールされているようです。次のように.babelrcに含めてみてください。

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