1

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

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

我的文件在 javascript 文件 中包含反引号。

 `<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;

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

任何帮助，将不胜感激。

4

1 回答 1

0

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

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

来自 UglifyjsWebpackPlugin 文档：

重要的！该插件对 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

于 2017-07-13T06:53:48.550 回答