grunt-babel 破壞文件格式（新行和空格）

Question

我剛剛開始在我的應用程序中使用babel和grunt-babel 。 但是我遇到了一些我想避免的行為：

在 babel 之前：

(function() {
    'use strict';

    angular
        .module('app')
        .controller('Ctrl', Ctrl);

    Ctrl.$inject = ['$stateParams'];

    function Ctrl($stateParams) {

    }
})();

在 babel 之后：

(function () {
    'use strict';

    angular.module('app.standingOrder').controller('Ctrl', Ctrl);

    Ctrl.$inject = ['$stateParams'];

    function Ctrl($stateParams) {}
})();

我的grunt 任務如下所示：

babel: {
    options: {
        sourceMap: false,
        blacklist: ['strict']
    },
    dist: {
        files: [
            {
                src: [ 'src/**/*.js' ],
                cwd: '<%= build_dir %>',
                dest: '<%= build_dir %>',
                expand: true
            }
        ]
    }
},

請注意，babel 刪除了空行，添加/刪除了破壞先前格式的空格。

有什么辦法可以避免這種情況並保留我的格式嗎？

Answer 1

retainLines選項將嘗試保留您的行號。 https://babeljs.io/docs/usage/options/

我認為源映射可能是最好的選擇，盡管它們需要更多的工作來管理。

您可以使用 repl 來查看 babel 會做什么https://babeljs.io/repl/