前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Webpack05-js压缩插件uglify的使用

Webpack05-js压缩插件uglify的使用

作者头像
专注APP开发
发布2019-11-07 16:52:29
2.3K0
发布2019-11-07 16:52:29
举报
文章被收录于专栏:移动大前端

前言

开发环境:development(不需要进行js压缩,不方便调试) 生产环境:production(正式发布上线,需要继续压缩)

一般项目中会有两个webpack配置文件,分别用于不同的环境要求

JS压缩插件uglify

1、安装

在webpack4之前,默认集成该插件,无需安装 在webpack4之后,需要独立安装

代码语言:javascript
复制
npm install uglifyjs-webpack-plugin --save-dev

另外,webpack4默认是生产环境,自带js压缩功能 如果要关闭,需要设置mode为development

image.png

2、配置

image.png

3、执行webpack

js文件大小由之前的24KB,缩小到了7KB,只有原来是三分之一

参考文章

webpack4.0关闭开发环境的代码压缩UglifyJsPlugin

https://blog.csdn.net/zhanglong_web/article/details/79618055

https://jspang.com/posts/2017/09/16/webpack3.html#%E7%AC%AC06%E8%8A%82%EF%BC%9A%E6%8F%92%E4%BB%B6%E9%85%8D%E7%BD%AE%EF%BC%9A%E9%85%8D%E7%BD%AEjs%E5%8E%8B%E7%BC%A9

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前言
  • JS压缩插件uglify
  • 参考文章
相关产品与服务
文件存储
文件存储(Cloud File Storage,CFS)为您提供安全可靠、可扩展的共享文件存储服务。文件存储可与腾讯云服务器、容器服务、批量计算等服务搭配使用,为多个计算节点提供容量和性能可弹性扩展的高性能共享存储。腾讯云文件存储的管理界面简单、易使用,可实现对现有应用的无缝集成;按实际用量付费,为您节约成本,简化 IT 运维工作。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档