Question

我使用的是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;

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

任何帮助都将不胜感激。

Answer 1

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

您应该手动添加babel加载程序或更改uglify-js依赖项。我建议你使用babel装载机。

From UglifyjsWebpackPlugin docs：

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

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

1 个答案: