【gulp错误】GulpUglifyError: unable to minify JavaScript（黑人问号脸.gif）

Question

一个很简单的项目，react入门级别

就是为了用一下一下gulp（之前用过。尝个鲜~）

---

文件结构是这个样子：

---

gulpfile.js是这个样子：

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

gulp.task('default',function(){
    return gulp.src('./src/index.js').pipe(uglify()).pipe(gulp.dest('./dest'));
});

---

使用gulp命令启动后，命令行输出如下：

$ gulp
[11:15:23] Using gulpfile D:\【code】\webpack-gulp\gulp-test\gulpfile.js
[11:15:23] Starting 'default'...

events.js:141
      throw er; // Unhandled 'error' event
      ^
GulpUglifyError: unable to minify JavaScript
    at createError (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.0.0@gulp-uglify\lib\create-error.js:6:14)
    at wrapper (D:\【code】\webpack-gulp\gulp-test\node_modules\.4.17.2@lodash\_createHybrid.js:87:15)
    at trycatch (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.0.0@gulp-uglify\minifier.js:26:12)
    at DestroyableTransform.minify [as _transform] (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.0.0@gulp-uglify\minifier.js:76:19)
    at DestroyableTransform.Transform._read (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.2.2@readable-stream\lib\_stream_transform.js:159:10)
    at DestroyableTransform.Transform._write (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.2.2@readable-stream\lib\_stream_transform.js:147:83)
    at doWrite (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.2.2@readable-stream\lib\_stream_writable.js:347:64)
    at writeOrBuffer (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.2.2@readable-stream\lib\_stream_writable.js:336:5)
    at DestroyableTransform.Writable.write (D:\【code】\webpack-gulp\gulp-test\node_modules\.2.2.2@readable-stream\lib\_stream_writable.js:274:11)
    at write (D:\【code】\webpack-gulp\gulp-test\node_modules\.1.0.34@readable-stream\lib\_stream_readable.js:623:24)

我大概是这个样子：

---

求解(⊙_⊙)?

Answer 1

刚好也在百度这个问题，查了一下，网上说是因为ES6语法不支持导致的
但是我js文件已经事先用webpack编译过了呀，也是醉了

Answer 2

gulp中对于es6的语法的压缩是有问题的。你可以尝试一下使用webpack自带的压缩方法进行：

plugins:[

    new webpack.optimize.UglifyJsPlugin({
        compress:{
            warnings:false
        }
    })
]

将这段代码添加到webpack.config.js中，运行webpack就可以看到压缩后的文件了，你这里是src下的index.js

亲测有效

Answer 3

如果是使用ES6写的，需要先用 gulp-babel 编译一下再uglify

gulp.task('scripts', function() {
    gulp.src('src/script/app.js')
    .pipe(babel())
    .pipe(uglify())
    .pipe(gulp.dest('dist/js'))
});