添加uglifyjs-webpack-plugin配置时,

运行报错:


UglifyJs Plugin Invalid Options

options should NOT have additional properties

ValidationError: UglifyJs Plugin Invalid Options
    at validateOptions (/Users/maolijun298/Documents/demo/h5/mm_webpack/node_modules/uglifyjs-webpack-plugin/node_modules/schema-utils/src/validateOptions.js:32:11)
    at new UglifyJsPlugin (/Users/maolijun298/Documents/demo/h5/mm_webpack/node_modules/uglifyjs-webpack-plugin/dist/index.js:42:30)
    at Object.<anonymous> (/Users/maolijun298/Documents/demo/h5/mm_webpack/webpack.config.js:11:7)
    at Module._compile (/Users/maolijun298/Documents/demo/h5/mm_webpack/node_modules/v8-compile-cache/v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:947:10)
    at Module.load (internal/modules/cjs/loader.js:790:32)
    at Function.Module._load (internal/modules/cjs/loader.js:703:12)
    at Module.require (internal/modules/cjs/loader.js:830:19)
    at require (/Users/maolijun298/Documents/demo/h5/mm_webpack/node_modules/v8-compile-cache/v8-compile-cache.js:159:20)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! mm_webpack@0.1.0 build: `webpack --config webpack.config.js`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the mm_webpack@0.1.0 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/maolijun298/.npm/_logs/2021-05-28T14_09_48_816Z-debug.log

错误原因:

使用插件时,我的webpack配置如下:

let OptimizeCssPlugin = require("optimize-css-assets-webpack-plugin")//压缩css 插件
let UglifyJsPlugin = require("uglifyjs-webpack-plugin")//压缩js 插件
module.exports = {
  optimization: {//优化项
    minimizer: [
      new UglifyJsPlugin({
        cache: true,
        patallel: true,
        sourceMap: true,
        test: /\.js(\?.*)?$/i,
      }),//js优化
      new OptimizeCssPlugin()//css优化插件
    ]
  },
}

报错提示意思是:最小化选项不应具有其他属性

说明我的参数加多了。。。

解决办法:

最后修改配置项,将这两个配置加入plugins配置中:

let OptimizeCssPlugin = require("optimize-css-assets-webpack-plugin")//压缩css 插件
let UglifyJsPlugin = require("uglifyjs-webpack-plugin")//压缩js 插件
module.exports = {
  plugins: [//存放所有插件
    new OptimizeCssPlugin(),//css优化插件
    new UglifyJsPlugin(),//js优化插件
  ],
}

问题得以解决。