带有最新的UglifyJsPlugin的已编译应用程序，用于Webpack显示“未定义webpackJsonp”

Question

I'm using the official Vue Webpack template .

The UglifyJs that comes with Webpack doesn't compile ES6. So I changed it for the standalone version of the Webpack plugin:

// webpack.prod.conf.js

var UglifyJsPlugin = require('uglifyjs-webpack-plugin')

new UglifyJsPlugin({
  uglifyOptions: {
    ie8: false,
    ecma: 8,
    parse: {},
    mangle: {
      properties: {
        // mangle property options
      }
    },
    output: {
      comments: false,
      beautify: false,
    },
    compress: {},
    warnings: false
  }
}),

When I do npm run build the app compiles properly. However, when I do npm start and visit localhost:3000 I get this error:

vendor.dc780f28ecc8d64eb53a.js:1 Uncaught ReferenceError: webpackJsonp is not defined
    at vendor.dc780f28ecc8d64eb53a.js:1
(anonymous) @ vendor.dc780f28ecc8d64eb53a.js:1
app.470f1cb076c387c73cdc.js:1 Uncaught ReferenceError: webpackJsonp is not defined
    at app.470f1cb076c387c73cdc.js:1
(anonymous) @ app.470f1cb076c387c73cdc.js:1
babel-polyfill.fc14d31ef0450ee23f4b.js:1 Uncaught ReferenceError: webpackJsonp is not defined
    at babel-polyfill.fc14d31ef0450ee23f4b.js:1

What could be the reason?

Answer 1

尝试使用：

new webpack.optimize.CommonsChunkPlugin('vendor', 'vendor.js', Infinity)