javascript - plugin - ERROR en bundle.js de UglifyJs Nombre esperado

unexpected token name overlayiframe

Question

Estoy intentando usar UglifyJS para minimizar / comprimir mi archivo bundle.js . Cuando ejecuto webpack -p , webpack -p lo siguiente:

ERROR in bundle.js from UglifyJs Name expected [bundle.js:105519,6]

La línea 105519 es la siguiente:

const {M, l, pattern} = __webpack_require__(862) .

Estoy usando React w / ES6. ¿Alguna idea sobre lo que está mal?

Answer 1

Cada versión de Webpack tiene una versión integrada de UglifyJS (0.4.6) que no es compatible con ES6. Esta versión solo admite la sintaxis ES5.

Hay dos soluciones posibles:

• Hacer transpiler objetivo es5

• No use la versión uglifyjs-webpack-plugin de uglifyjs-webpack-plugin e instale la última versión usando npm install -D uglifyjs-webpack-plugin . Agréguelo a la propiedad de sus plugins en su configuración:

  const UglifyJSPlugin = require(''uglifyjs-webpack-plugin'')
  
  module.exports = {
    plugins: [
      new UglifyJSPlugin()
    ]
  }

Answer 2

Definitivamente un problema con la versión de uglifyjs y el destino de javascript que está intentando compilar. Pueden ser 2 cosas, la configuración de tu paquete web y la configuración de tu babel causan esto.

Si está utilizando la última versión de webpack v3.5.5 , viene con uglifyjs-webpack-plugin ^ 0.4.6 que no admite un objetivo de es6 o superior.

Refiriéndose a los docs actuales de Webpack sobre docs opciones de docs , cubre cómo usar la última versión beta de uglify-js-webpack-plugin v1.0.0-beta.2 . Pero no está claro cómo instalar esa versión.

Para usarlo con el Webpack no.

yarn add uglifyjs-webpack-plugin@beta --dev

Como no mencionas cual es tu configuración de Babel. Puede que quieras o quieras usar babel-preset-env como tu preset. Hay una opción para uglifyjs .

Ser genial para ver un repo o una Gist.

Answer 3

Este error se produce cuando uglifyjs-webpack-plugin no puede Uglify dependencia particular

Entonces, ¿Cómo encontrar la biblioteca que crea tal error?

Estaba usando reaccionar, así que eliminé todos los formularios en mi aplicación, mantuve solo 1 formulario e importé todas las dependencias en él, eliminé / agregué esas dependencias una por una y ejecuté el comando

webpack -p

SO En mi caso, el browser-history generó dicho error. Ahora puede informar este problema al autor de esa biblioteca con algunos ejemplos de replicación.

Paquete de trabajo.json y .babelrc