2

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

/**
 * Header.
 */
function header() {
  const header = 'header';
  console.log(header);
};

/**
 * Navigation.
 */
function navigation() {
  const navigation = 'navigation';
  console.log(navigation);
};

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

"use-strict";

/**
 * Header.
 */
function header() {
    var header = 'header';
    console.log(header);
}

;
/**
 * Navigation.
 */

function navigation() {
    var navigation = 'navigation';
    console.log(navigation);
}

;

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

依存関係:

"devDependencies": {
    "@babel/cli": "^7.2.3",
    "@babel/core": "^7.2.2",
    "@babel/preset-env": "^7.2.3"
}

.babelrc

{
    "presets": ["@babel/preset-env"]
}

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

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

アップデート

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

"use strict";

/**
 * Header.
 */
function header() {
  var header = 'header';
  console.log(header);
}
/**
 * Navigation.
 */


function navigation() {
  var navigation = 'navigation';
  console.log(navigation);
}
4

0 に答える 0