javascript - 使用最新的 UglifyJsPlugin for Webpack 编译的应用程序显示 "webpackJsonp is not defined"

Question

我使用的是官方Vue Webpack template .

Webpack 自带的 UglifyJs 不编译 ES6。所以我把它改成了standalone version Webpack 插件的:

// 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
  }
}),

当我执行npm run build时，应用程序可以正确编译。但是，当我执行 npm start 并访问 localhost:3000 时，我收到此错误:

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

可能是什么原因？

Answer 1

尝试使用:

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