javascript - Gulp:丑化 Bootstrap 4 js 文件

Question

由于 Bootstrap 4 Alpha 的最新更改，我无法使用当前的 Gulp 任务缩小核心 .js 文件。我收到错误:“GulpUglifyError:无法缩小 JavaScript”。

正在关注 this question ，我添加了 gulp-babel 和 gulp-webpack 但它不起作用。

我错过了什么？

gulp.js 摘录:

var gulp = require('gulp');
var webpack = require('gulp-webpack');
var babel = require('gulp-babel');

// List of .js files to concatenate
var js = {
    jsSrc: [
        paths.src + "/js/alert.js",
        paths.src + "/js/button.js",
        paths.src + "/js/collapse.js",
        paths.src + "/js/modal.js",
        paths.src + "/js/util.js",
        paths.src + "/js/custom.js"
    ]
};

gulp.task('scripts', function() {
    return gulp.src(js.jsSrc)
        .pipe(babel({presets: ['es2015']}) )
        .pipe(webpack())
        .pipe(uglify())
        .on('error', function (err) { gutil.log(gutil.colors.red('[Error]'), err.toString()); })
        .pipe(concat('bootstrap.min.js'))
        .pipe(gulp.dest(paths.minJs));
});

// Create watch task
gulp.task('watch', function() {
    gulp.watch(paths.src + '/js/**/*.js', ['scripts']);
});

Answer 1

所以 bootstrap 4 beta 很可能使用 ES6，目前 uglify() 无法压缩 ES6 代码。

您很可能需要先使用 babel 将 ES6 转换为 ES5，然后再执行 uglify。

我还快速阅读了一些内容。尝试通过向 uglify 输出添加以下行来进一步调试错误:

uglify().on('error', function(err) {
   gutil.log(gutil.colors.red('[Error]'), err.toString());
   this.emit('end');
})

这将打印出更详细的问题错误。