javascript - 尝试使用 Uglify 最小化代码时出现意外 token

Question

我正在运行以下 gulp 任务:

   var gulp = require('gulp');
   var uglify = require('gulp-uglify');
   var rename = require('gulp-rename');

    gulp.task('uglify', function(){
         gulp.src('htdocs/js/*.js')
             .pipe(uglify())
             .pipe(rename({suffix: '.min'}))
             .pipe(gulp.dest('dist'));
    });

当我这样做时，我收到以下错误:

GulpUglifyError: unable to minify JavaScript
Caused by: SyntaxError: Unexpected token: punc «{», expected: punc «;»

第一个 JavaScript 文件的第一行失败。它反对的路线是:

import {removeScoreButtons} from './display.js';

Answer 1

如果您有 ES6 代码，则必须在 uglify 之前使用 gulp-babel 将其转译为 ES5。像这样的事情:

var gulp = require('gulp');
var uglify = require('gulp-uglify');
var rename = require('gulp-rename');
var babel = require('gulp-babel');

gulp.task('uglify', function(){
     gulp.src('htdocs/js/*.js')
         .pipe(babel({
            presets: ['@babel/env']
         }))
         .pipe(uglify())
         .pipe(rename({suffix: '.min'}))
         .pipe(gulp.dest('dist'));
});

这里有更多信息:https://www.npmjs.com/package/gulp-babel