vue-cli 生产模式去除 console.log_vuecli 去除生产环境console-程序员宅基地
技术标签： Vue vue-cli除console
preface
最近项目接近尾声， 开始着手项目加载优化操作，简要如下：
- 大的背景图 进行了在线压缩
- 第三方引用的模块使用 cdn引入， 如 vue, elementui ，echarts
- 异步加载 页面 和 某些 css 或者 js 比较大的模块
- …
vue-cli 如何 去除 console.log
去除 console 应属于 webpack 插件 的事情，所以一定是需要更改webpack 的某些插件配置的
查看了 别人的 blog 修改 vue.config.js 中的configureWebpack来实现 需求
1. 看 vue-cli 官网
关于 webpack 的配置， 如下两个方法可以是西安对 内部的webpack 配置进性修改
2. 找到 terser-webpack-plugin
通过别人的blog 了解到 vue-cli 使用 terser 对js 解析压缩, 当然也可以去看看源码
npm 搜索 terser 找到了 如下 地址 https://github.com/webpack-contrib/terser-webpack-plugin
3. webpak-chain api 操作
从 vue-cli 官网 跳转到 https://github.com/neutrinojs/webpack-chain#getting-started webpak-chain api 操作
确认了 terser 需要通过 opitimiztion 修改, 按照如下官网案例修改。
4. terser 官方 github 找 compress配置
terser-webpack-plugin readMe 开始就 给了地址 This plugin uses terser to minify your JavaScript.
5. 最后配置如下
chainWebpack: config => {
config.optimization
.minimizer('terser')
.tap(args => {
Object.assign(args[0].terserOptions.compress, {
// 生产模式 console.log 去除
// warnings: false , // 默认 false
// drop_console: ,
// drop_debugger: true, // 默认也是true
pure_funcs: ['console.log']
})
return args
})
}
智能推荐
postgresql 索引之 hash_load_categories_hash postgres-程序员宅基地
文章浏览阅读3.6k次。os: ubuntu 16.04postgresql: 9.6.8ip 规划192.168.56.102 node2 postgresqlhelp create indexpostgres=# \h create indexCommand: CREATE INDEXDescription: define a new indexSyntax:CREATE [ UNIQUE ..._load_categories_hash postgres
face++实现人脸识别及人脸相似度对比_face++人脸识别 html5-程序员宅基地
文章浏览阅读4.8k次。使用face++，先获取key和secret下方是人脸识别，还添加了画出人脸轮廓的正方形下方是人脸识别，还添加了画出人脸轮廓的正方形 import requests#网络访问控件 from json import JSONDecoder#互联网数据交换标准格式 import cv2 as cv#图像处理控件 http_url ="https://a..._face++人脸识别 html5
desencrypt java md5_Java实现DES加密与解密，md5加密以及Java实现MD5加密解密类-程序员宅基地
文章浏览阅读322次。很多时候要对秘要进行持久化加密，此时的加密采用md5。采用对称加密的时候就采用DES方法了import java.io.IOException;import java.security.MessageDigest;import java.security.SecureRandom;import javax.crypto.Cipher;import javax.crypto.SecretKey;im..._java desencrypt.encrypt(pass)
BZOJ 2818 欧拉函数，线性筛_线性筛预处理质数表, 并求出欧拉函数, 预处理前缀和即可 bzoj2818boj-程序员宅基地
文章浏览阅读145次。题目链接：https://www.acwing.com/problem/content/description/222/给定整数N，求1<=x,y<=N且GCD(x,y)为素数的数对(x,y)有多少对。GCD(x,y)即求x，y的最大公约数。输入格式输入一个整数N输出格式输出一个整数，表示满足条件的数对数量。数据范围1≤N≤10^7输入样例：4..._线性筛预处理质数表, 并求出欧拉函数, 预处理前缀和即可 bzoj2818boj
使用 arm-linux-androideabi-addr2line 工具定位 libunity.so 崩溃问题-程序员宅基地
文章浏览阅读710次，点赞13次，收藏7次。它的名称有点不同 - aarch64-linux-android-addr2line。尽管该实用程序的名称不包含单词arm，但它成功地解密了arm64-v8下的堆栈跟踪，并通常感知arm64-v8的字符。是 NDK 自带的调试工具，可以用来分析 so 崩溃时输出的的内存地址。之后就是通过 cmd 进入到这个路径。找到了 64 位所需的实用程序。_arm-linux-androideabi
javaweb-邮件发送_javaweb发送邮件-程序员宅基地
javaweb-邮件发送 摘要: 本文介绍了邮件传输协议(SMTP和POP3)以及电子邮件的发送和接收过程。还讨论了纯文本文件、带图片和附件的邮件发送方法，以及通过servlet方式注册邮箱和使用springboot框架发送邮件的实现。
随便推点
Zookeeper集群部署和单机部署
【代码】Zookeeper集群部署和单机部署。
linux ipv6端口转发,linux – TCP / IPv6通过ssh隧道-程序员宅基地
文章浏览阅读871次。是的,这是可能的并且不是太困难,但解决方案非常不理想,因为SSH在TCP上运行并且具有合理的开销.服务器必须在其配置文件sshd_config中：PermitTunnel point-to-point然后,您需要在两台计算机上都是root用户.您使用以下命令连接到服务器：ssh -w any root@server连接后,使用两个系统中的命令ip link来了解在每个系统中创建的tunN设备,并在..._ljnux上ipv6转发配置
linux系统编辑神器 -vim用法大全-程序员宅基地
文章浏览阅读88次。vim编辑器文本编辑器，字处理器ASCIInano,sedvi:VisualInterfacevim:VIiMproved全屏编辑器，模式化编辑器vim模式：编辑模式(命令模式)1.输入模式2.末行模式模式转换：编辑-->输入：i:在当前光标所在字符的前面，转为输入模式；a:在当前光标所在字符的后面，转为输入模式；o:在当前光标所在行的下方，新...
计算机专业游戏本推荐,2018高性价比游戏本推荐_游戏笔记本哪个好-太平洋电脑网...-程序员宅基地
文章浏览阅读245次。【PConline海选导购】晃眼间，秋风又起，让人振奋的开学季又要到来了！虽然说没有学习压力的暑假，在家着实悠哉，但想到回校后可以跟小伙伴们一起各种开黑吃鸡，是不是就感到很兴奋呢？说到“吃鸡”这种吃配置的游戏，就不得不说游戏本了，毕竟普通的笔记本电脑很难给我们带来畅快的游戏体验。而近年来游戏本市场俨然成为了各大厂商的必争之地，而随着开学季的到来，各大厂商更是推出了众多促销活动，下面就让我们一起来看..._计应专业游戏本
codePen按钮样式学习
看到codepen里面有的按钮搞得很炫酷，但其实也不是很难，就学习记录一下。
服务器维护中没法直播游戏,我的世界盒子显示维护中如何进入战堂服务器-程序员宅基地
文章浏览阅读408次。时间：2021-08-11编辑：hxh斗罗大陆魂师对决火雨队怎么搭配？火雨队是近期非常热门的一套阵容，不少玩家想了解该阵容，那么下面就让小编给大家带来斗罗大陆魂师对决火雨队阵容推荐，感兴趣的小伙伴们一起来看看吧。时间：2021-08-11编辑：hxh玩家在巅峰演武副本中不知道怎么打秦明，秦明的盾很厚不知道怎么破？那么下面就让小编给大家带来斗罗大陆魂师对决巅峰演武秦明破盾攻略，感兴趣的小伙伴们一起来...