gulp - Babel 丢失代码格式

Question

我正在尝试整合 babel通过 gulp .

var babel = require('gulp-babel');
var es6 = require('babel-preset-es2015');
...
return gulp.src('path/to/my/source/file/js')
       .pipe(babel({presets:es6}))
...

当我运行编译任务时，我的 linter ( JSHint ) 说该行太长，我缺少行尾。

假设我的源文件如下(请注意最后一个空行):

(function(){
var myApp = angular.module('first-dependence',[
    'another-dependence',
    'and-another-dependence']
}();       
// Empty line here

Babel 输出如下:

(function(){
var myApp = angular.module('first-dependence',['another-dependence','and-another-dependence']
}();

对我来说，他忽略了指令中的返回行并删除了最后一个空行。

可否告知 babel保持格式不变并且只转编译？

问候

Answer 1

你不能 .但是你可以试试

retainLines选项

.pipe(babel({presets:es6, retainLines:true}))

或者依赖源映射(参见 gulp-babel )。

但是两者都不会完全像现在一样保留您的空白。