問題タブ [babel-preset-env]

JavaScript スニペットを Babel でトランスパイルすると、さまざまな予期しない空の行が表示されます。ソースコードは次のとおりです。

そして、これは私がそれをトランスパイルした後に得られるものです:

セミコロンの前と 2 番目の関数コメントの後の空の行に注意してください。

依存関係:

.babelrc

問題は次のとおりです。これらの空行なしでクリーンな出力を取得するにはどうすればよいですか?

興味深いことに、同じスニペットをhttps://babeljs.io/replに配置すると、空行が出力されません。

アップデート

Felix Kling が示唆しているように、セミコロンを削除した後、次のようになります。

@babel/preset-env をインストールして node.js ファイルを実行しようとすると、次のエラーが発生します。

以下はスタックトレースです

「7.0.0-bridge.0」のインストールなどから、これをいくつか試しました。

誰か助けてください。これを修正するために何時間も費やしました。ありがとう

webpack.config.js2 つの異なる WebPack 構成オブジェクトをエクスポートするファイルを作成しました。これらのプリセットに異なるバベル オプションを設定する必要があります。少し調査した後、2 つの異なるローダー構成を作成してみました。それぞれがtargets次のように異なるオプションをプリセットに渡します。

ただし、WebPackビルドでこのエラーが発生するため、明らかにこれが間違っています

質問の要点は、複数のプリセットがある場合@babel/preset-env、ファイル内からターゲット オプションをどのように渡す必要があるかということだと思います。webpack.config.js

babel ドキュメントでは、モジュールのデフォルト オプションは auto であると書かれていますが、auto とはどういう意味ですか? 「インポート」を「必要」に変換しますか？"modules: false" と "modules: auto" の違いは何ですか? それらは同じ結果のようです。@babel/preset-env にオプションを設定しなかった場合、ツリー シェーキングを学習しています。