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);
}