Babel 丢失代码格式答案

【问题标题】：Babel loses code formattingBabel 丢失代码格式
【发布时间】：2016-09-29 09:10:57
【问题描述】：

我正在尝试通过gulp 集成babel。

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 保持格式不变并且只进行转编译？

问候

【问题讨论】：

标签： gulp babeljs

【解决方案1】：

你不能。不过你可以试试

retainLines 选项

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

或依赖源映射（参见gulp-babel）。

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

【讨论】：