1. 安装插件：uglifyjs-webpack-plugin uglify-js

npm install uglifyjs-webpack-plugin --save-dev
npm install  uglify-js --save-dev

2. /config/webpack.config.js

var uglifyjsPlugin = require('uglifyjs-webpack-plugin')

return {
    optimization:{
        optimization:[
              new uglifyjsPlugin({
                    uglifyOptions: {
                        compress: false
                    }
              })
        ]
    }
}

3. 打包

npm run build

image.png

【React】首屏加载速度优化三：js文件体积压缩
1. 安装插件：uglifyjs-webpack-plugin uglify-js 2. /config/web...
Gzip在vue cli3中的使用方式
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据...
Vue/CLI3 开启gzip压缩
gizp压缩是一种http请求优化方式，通过减少文件体积来提高加载速度。html、js、css文件甚至json数据...
项目优化
资源压缩代码合并压缩图片压缩加载优化 ssr 首屏渲染，减少屏幕因为数据加载而闪动懒加载loading占位...
常见面试题--js+css+vue
1、变量提升、函数提升 2、数组的常用方法 3.优化首屏加载速度 4.Vue 首屏加载速度优化 5、Vue如何设置...
压缩 js 代码就用 terser
webapck 中提供了压缩 js 代码的方式，可以移除无用代码、替换变量名等，减少编译后文件体积，提升加载速度。...
面试汇总浏览器相关知识点
前端性能优化方案? 减少页面体积，提升网络加载静态资源的压缩合并（JS 代码压缩合并、CSS 代码压缩合并、雪碧...
react-loadable原理浅析
react-loadable 最近在学习react，之前做的一个项目首屏加载速度很慢，便搜集了一些优化方法，rea...
构建工具
Vue 首屏加载优化关于 Vue 首屏加载优化的一点总结为什么我们要做三份 Webpack 配置文件在知乎上我...
webapp优化的辛酸之路
webapp优化的辛酸之路标签（空格分隔）：优化移动端的首屏加载速度非常重要，使用了vue.js搭建的SPA...