Webpack的UglifyJsPlugin无法编译ES6软件包

Question

I have this in my Webpack setup:

// webpack.prod.conf.js
new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false,
    drop_console: shouldDropConsole
  },
  sourceMap: true
}),

// .babelrc
"presets": [
  ["stage-2"],
  ["es2015",  {"modules": false}]
],

When I do npm run build I get the following error:

ERROR in static/js/vendor.8b608f0ab832a371f4a5.js from UglifyJs Unexpected token: name (finish) [./node_modules/pica/lib/mathlib.js:35,0][static/js/vendor.8b608f0ab832a371f4a5.js:38950,6]

So UglifyJS doesn't recognize the ES6 code there: let .

How to solve this? Is there any workaround? (I'm using Webpack 3.6.0).

Answer 1

I found the solution (how to transpile ES6 to ES5 for node modules in a Webpack setup):

  {
    test: /\.js$/,
    loader: 'babel-loader',
    include: [
     resolve('src'),
     resolve('test'),
     resolve('node_modules/pica'),
     resolve('node_modules/countries-list')
  ],