gulp-uglify 有问题答案

【问题标题】：Having problems with gulp-uglifygulp-uglify 有问题
【发布时间】：2023-03-11 22:03:01
【问题描述】：

我在让 gulp-uglify 缩小我的文件时遇到了一些严重的问题。

这是我的 gulpfile。

var gulp       = require('gulp');
var gutil      = require('gulp-util');
var browserify = require('browserify');
var babelify   = require('babelify');
var source     = require('vinyl-source-stream');
var buffer     = require('vinyl-buffer');
var uglify     = require('gulp-uglify');
var size       = require('gulp-size');

gulp.task('scripts', function () {

  var bundler = browserify({
    entries: ['views/main.js'],
    debug: true,
  })
  .transform(babelify, { presets: ['react', 'es2015'] });

  bundler.bundle()
      .pipe(source('main.js'))
      .pipe(buffer())
      .pipe(uglify())
      .pipe(gulp.dest('./public/'));
});

gulp.task('default', ['scripts']);

使用gutil，我发现给gulp-uglify的那一行报错了，很混乱：

{ [Error: /Users/fzxt/Documents/Web/Chatr/main.js: Unexpected token: keyword (const)]
  message: '/Users/fzxt/Documents/Web/Chatr/main.js: Unexpected token: keyword (const)',
  fileName: '/Users/fzxt/Documents/Web/Chatr/main.js',
  lineNumber: 66598..

关键字const 有问题，这很奇怪，因为我在将捆绑器提供给uglify 之前将其转换为babelify。我也放了预设。

谁能帮我解决这个问题？谢谢。

【问题讨论】：

标签： gulp browserify babeljs uglifyjs

【解决方案1】：

如果你使用的是 vanilla browserify，你需要这样做：

var gulp = require('gulp');
var browserify = require('browserify');
var babelify = require('babelify');
var transform = require('vinyl-transform');
var uglify = require('gulp-uglify');

gulp.task('browserify', function () {
  var browserified = transform(function(filename) {
    var b = browserify({
      entries: filename,
      debug: true,
      transform: [
        [babelify, {
          presets: ['react', 'es2015']
        }]
      ]
    });
    return b.bundle();
  });
  
  return gulp.src(['views/main.js'])
    .pipe(browserified)
    .pipe(uglify())
    .pipe(gulp.dest('./dist'));
});

【讨论】：