使用最新的 UglifyJsPlugin for Webpack 编译的应用程序显示“未定义 webpackJsonp”

Question

我正在使用官方 Vue Webpack template。

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

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

使用最新的 UglifyJsPlugin for Webpack 编译的应用程序显示“未定义 webpackJsonp”

Compiled app with latest UglifyJsPlugin for Webpack displays " webpackJsonp is not defined"

javascript

uglifyjs

webpack

vue.js