添加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优化插件
],
}
问题得以解决。
暂无评论