ノードjsでrequireの代わりにimportを使用するには？

Question

目標：

{ 
    "presets": ["env", "react", "stage-0", "stage-1"], 
    "plugins": ["transform-object-rest-spread"] 
} 

を：はなどES6インポート、エクスポートのデフォルトを使用することができるようにするには...

私がやったことは含まれてい私のプロジェクトのルートに.babelrcファイルが含まれています私はバベルのドキュメントを見て、ノードのために、それはすべて私が行うプリセット"env"が含まれなければならないだろうと言ったが、私のようなステートメントを実行しようとする場合：

import { data } from './data'

importステートメントで予期しないトークンエラーが発生するため、正しく処理していないと想定しています。

Answer 1

典型的なwebpack.config.js

module: { 
    rules: [ 
     { 
      test: /\.js$/, 
      use: 'babel-loader', 
      exclude: /node_modules/, 
     }, 
     ... 
    ] 
} 

私はあなたが以下に.babelrcを更新示唆しています。もっとグッズのデコレータ/機能/結合クラスの小道具などのため

{ 
    "presets": [ 
     [ 
      "env", 
      { 
      "modules": false, 
      "loose": true 
      } 
     ], 
     "react" 
    ], 
    "plugins": [ 
     "transform-object-rest-spread" 
    ] 
} 

、

{ 
    "presets": [ 
     [ 
      "env", 
      { 
      "modules": false, 
      "loose": true 
      } 
     ], 
     "react" 
    ], 
    "plugins": [ 
     "transform-object-rest-spread", 
     "transform-function-bind", 
     "transform-class-properties", 
     "transform-decorators-legacy", 
    ] 
}