时间:2021-05-26
环境:webpac<4的场景下,安装uglifyjs。
cnpm install uglifyjs-webpack-plugin -D安装完毕后,去npm里查看uglifyjs的使用方法并添加到代码中:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { //... optimization: { minimizer: [new UglifyJsPlugin()] }};执行打包命令后报错,重新浏览文档后发现该写法只适用于webpack4,而我的环境是webpack3.x,于是更换了uglifyjs的写法:
const UglifyJsPlugin = require('uglifyjs-webpack-plugin')module.exports = { plugins: [ new UglifyJsPlugin(), ] }再次执行打包命令仍然报错,猜想可能是最新版本的uglifyjs已经不支持该写法,于是:
npm view uglifyjs-webpack-plugin versions重新安装低版本插件
cnpm install uglifyjs-webpack-plugin@1.3.0 -D打包成功!
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
打包压缩js与css由于webpack本身集成了UglifyJS插件(webpack.optimize.UglifyJsPlugin)来完成对JS与CSS的压缩
使用npmrundev时运行是ok的,但是npmrunbuild打包时iview报错,如下:原因是iview中使用了es6语法,然而uglifyJs是不支持的,
webpack打包vue项目的时候默认会把vue里的css打包到页面上。webpack.config.js里的plugins加上以下配置newwebpack.L
问题使用webpack进行打包时,发现bundle.js竟然有2M多。解决办法网上有去除插件、提取第三方库、压缩代码等方法。还有一个比较容易忽略的原因就是开了s
Webpack的CommonsChunkPlugin插件,负责将多次被使用的JS模块打包在一起。CommonsChunkPlugin能解决的问题在使用插件前,考