javascript - UglifyJS 抛出意外 token : keyword (const) with node_modules

Question

我开始的一个小项目使用了一个节点模块(通过 npm 安装)，它声明了 const 变量。运行和测试这个项目是好的，但是在执行 UglifyJS 时 browserify 失败。

Unexpected token: keyword (const)

这是一个通用的 Gulp 文件，我已经成功地用于其他几个过去的项目而没有这个问题(即没有那个特定的节点模块)。

gulp文件.js

'use strict';

const browserify = require('browserify');
const gulp = require('gulp');
const source = require('vinyl-source-stream');
const derequire = require('gulp-derequire');
const buffer = require('vinyl-buffer');
const uglify = require('gulp-uglify');
const sourcemaps = require('gulp-sourcemaps');
const gutil = require('gulp-util');
const path = require('path');
const pkg = require('./package');
const upperCamelCase = require('uppercamelcase');

const SRC_PATH = path.dirname(pkg.main);
const DIST_PATH = path.dirname(pkg.browser);

const INPUT_FILE = path.basename(pkg.main);
const OUTPUT_FILE = path.basename(pkg.browser);

const MODULE_NAME = upperCamelCase(pkg.name);


gulp.task('default', () => {
  // set up the browserify instance on a task basis
  var b = browserify({
    entries: INPUT_FILE,
    basedir: SRC_PATH,
    transform: ['babelify'],
    standalone: MODULE_NAME,
    debug: true
  });

  return b.bundle()
    .pipe(source(OUTPUT_FILE))
    .pipe(buffer())
    .pipe(derequire())
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(uglify())
    .on('error', gutil.log)
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest(DIST_PATH))
  ;
});

我已经尝试通过将 npm 安装模块中的所有 const 替换为 var 来修复此问题，一切正常。所以我不明白失败。

const 有什么问题？除非有人使用 IE10，否则 所有 主流浏览器都支持此语法。

有没有办法在不需要更改节点模块的情况下解决这个问题？

更新

我暂时(或永久)将 UglifyJS 替换为 Butternut并且似乎有效。

Answer 1

作为ChrisR mentionned , UglifyJS 根本不支持 ES6。

您需要使用 terser-webpack-plugin for ES6 (webpack@5 会使用这个插件进行丑化)

npm install terser-webpack-plugin --save-dev

然后在你的plugins数组中定义

const TerserPlugin = require('terser-webpack-plugin')

  new TerserPlugin({
    parallel: true,
    terserOptions: {
      ecma: 6,
    },
  }),

Source