webpack -p 错误：来自 UglifyJs 的 bundle.js 中的错误答案

【问题标题】：webpack -p error: ERROR in bundle.js from UglifyJswebpack -p 错误：来自 UglifyJs 的 bundle.js 中的错误
【发布时间】：2017-07-13 06:24:24
【问题描述】：

我正在使用 webpack 版本 3.2.0。
webpack 命令工作正常，但 webpack -p 引发错误堆栈以下。

ERROR in bundle.js from UglifyJs
Unexpected character '`' [bundle.js:1168,19]

我的文件在 javascript 文件中包含 backtick。

 `<div style="display: table; width: 100%; height: 100%;">
     <div style="display: table-cell; vertical-align: middle;text-align: center;width: 100%;">
       <button class="w2ui-btn" id="alloc_fund_save_btn">Save</button>
     </div>
  </div>`

这是我的webpack.config.js

const path = require('path');
var webpack = require('/usr/local/lib/node_modules/webpack');

config = {
    // define entry point
    entry: "./src/index.js",

    // define output point
    output: {
        path: path.resolve(__dirname, ''), // no need to create folder
        filename: 'bundle.js'
    },
    module: {
      rules: [{
              test: require.resolve('./jquery.min.js'),
              use: [{
                  loader: 'expose-loader',
                  options: 'jQuery'
              },{
                  loader: 'expose-loader',
                  options: '$'
              }]
          }]
    }
};

module.exports = config;

是否有任何我缺少与我的配置集成的插件。

任何帮助将不胜感激。

【问题讨论】：

标签： webpack webpack-2 uglifyjs minifiedjs

【解决方案1】：

问题是UglifyjsWebpackPlugin 不支持 ES6 代码的缩小。

您应该手动添加 babel loader 或更改 uglify-js 依赖项。我推荐你使用 babel loader。

From UglifyjsWebpackPlugin docs:

重要！该插件对 uglify-js 具有对等依赖项，因此为了使用该插件，还必须安装 uglify-js。当前 (2017/1/25) 可用的 uglify-js npm 包；但是，不支持缩小 ES6 代码。为了支持 ES6，必须提供支持 ES6 的，也就是 Harmony 的 UglifyJS 版本。如果您的缩小目标是 ES6：yarn add git://github.com/mishoo/UglifyJS2#harmony-v2.8.22 --dev

【讨论】：