uniapp terser drop_console 移除 console.log 无效

最新推荐文章于 2024-08-30 20:56:11 发布
最新推荐文章于 2024-08-30 20:56:11 发布
阅读量327 收藏
点赞数
分类专栏： Uniapp 文章标签： uni-app javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MAIMIHO/article/details/127020932
版权
开启treeShaking后，可以通过设置compress.pure_funcs，例如[console.log,console.info]，来排除特定函数影响，从而恢复效果。若需要，可添加更多如warn,error等。
摘要由CSDN通过智能技术生成

开启了 treeShaking 就会无效

解决方法:

compress.drop_debugger = true;

改为

compress.pure_funcs = ["console.log", "console.info"];

如果需要, 也可以再添加 warn, error

MAIMIHO
关注
专栏目录
Vue Cli3 打包配置并自动忽略console.log语句的方法
10-15
这样，即使不引入 `uglifyjs-webpack-plugin`，在生产环境下，`console.log` 语句也会被自动移除。 总结起来，Vue CLI 3 提供了多种方式来忽略生产环境中的 `console.log` 语句，包括使用 `uglifyjs-webpack-plugin...
uniapp小程序console.log在微信开发者工具中不打印问题
fighting ~的博客
08-02 5952
最近在开发一款uniapp小程序，发现console.log在微信开发者工具中不打印，但在H5页面就能够有打印输出，于是在网上寻找原因…，然后将项目重新运行到微信开发者工具中就可以在控制台看到打印输出啦。将compress.drop_console由。
vue-cli3.0 去掉console配置失效，注意事项
05-15 4774
先上代码： 首先说一下，这些代码网上到处都有，也没有任何问题，但就是失效 const UglifyJsPlugin = require('uglifyjs-webpack-plugin'); configureWebpack:{ optimization: { minimizer: [ new UglifyJsPlugin({ uglifyO...
uniapp之uni-starter小程序多端研发框架搭建与项目实践
最新发布
JINGWHALE
08-30 3124
随着移动互联网的飞速发展，无数移动APP琳琅满目；在移动App的发展的基础上，衍生了小程序、轻应用技术，它随时可用，但又无需安装卸载。uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序等多个平台。AIPHD科技文教专注于科技文教，基于uni-app，研发了AIPHD英语、AI智能古诗、AIPHD科技心理等具有独立功能的APP产品矩阵，同时将AIMANT星球作为情感辅助。
vuejs 3.x项目使用terser-webpack-plugin 去除console 没有生效
HeMister的博客
12-14 770
【代码】vuejs 3.x项目使用terser-webpack-plugin 去除console 没有生效。
关于console.log()输出没效果的问题
m0_52952413的博客
11-06 5763
在平时和的开发中我们经常遇到console.log()没有效果，作为小白的我已经遇见不止一次了， 下面来总结一下。 第一种 在vue中我们通常无法输出data里的值，这种通常情况下只有一种那就是data写成date(这个错误小白会长犯哦！还好我不是小白????,补充一下date是日期的意思) 第二种 也就是浏览器不小心关闭了消息选项 谷歌的是这个： 火狐的是这个 这个错误让我一度认为是浏览器的错误 ...
uniapp优化h5项目-摇树优化，gzip压缩和删除console.log
weixin_49295874的博客
04-09 3250
1.摇树优化 勾选摇树优化,打包删除死代码 2.gzip压缩和删除console.log 安装插件webpack和compression-webpack-plugin webpack插件 npm install webpack@4.46.0 --save-dev compression-webpack-plugin插件 npm install compression-webpack-plugin@6.1.1 --save-dev const CompressionWebpackPlugin = req
vue或react项目生产环境去掉console.log的操作
11-19
总结来说，通过正确配置Webpack的`terser-webpack-plugin`，可以在生产环境中自动移除console语句，提高应用性能。同时，理解Vue的响应式原理和最佳实践，可以有效避免数据更新后视图未更新的问题，保证应用的正常...
droppable-simple-demo.zip_DEMO
09-24
console.log('数据已放下:', data); // 在这里处理拖放后的逻辑，例如添加元素到droppable区域 }); ``` 注意，在`drop`事件中调用`event.preventDefault()`是必要的，以防止浏览器执行默认的行为，比如打开拖放...
MySQL数据库开发教程-基础概念、SQL语法和Node.js操作详解
08-22
console.log(results.insertId); // 新插入记录的 ID }); ``` 4. **关闭连接** - 当不再需要使用数据库时，应关闭连接以释放资源： ```javascript connection.end(); ``` #### 七、总结 本文档详细介绍了 ...
drag-n-drop:学习如何在js中拖放
06-25
console.log('Dropped data:', data); // 在这里处理拖放数据，例如解析数据并更新DOM }); ``` 除了基本的文本数据，还可以使用`dataTransfer`对象存储其他类型的数据，如`Files`对象（用于拖放文件）。例如，在...
HBuilder X运行uniapp之app真机调试控制台console不打印，多种原因分析解决，亲测有效
热门推荐
qq_42961150的博客
10-26 1万+
本描述属于本人亲身经历，亲测有效。公司的APP从开发到维护都是我在负责，所以对遇到的问题都会一一记录下来。就在最近在修改一个功能的时候，运行app到手机上，突然发现hbuilderX的控制台不打印了，这肯定就没法进行调试，作为一名前端人员，你懂的。那么接下来我就简单说说我的解决思路： 方案一： 首先遇到问题的第一反应就是重新打开手机USB调试和选择USB配置为MTP（多媒体传输），之前我遇到这个问题的时候，确实这个办法有效果。所以大家在遇到的时候，可以先这样试一下。但是这次遇到的问题不是这个原因。 方案二：
uniapp console没内容也没报错
weixin_44294359的博客
01-09 885
由于vue3中，const test = ref(null)会当后续没使用test.value重设置内容时，会自动的去找dom元素ref=test的引用，输出的时候找不到该元素，所以导致在console中输出不了。后面发现是因为输出的变量中有使用ref(null)来设置初始化。
uniapp去除console.log()
SunPeng的博客
10-23 6071
uniapp去除console.log()
vite build 下去除console、debug等无效
Dream
05-20 4039
vite.config.ts种build下必须配置minify（压缩方式）。压缩方式对比率查看以及 build:{ minify: "terser", terserOptions: { compress: { drop_console: true, drop_debugger: true } } }
项目无用的console.log处理方案
weixin_43841757的博客
09-15 411
1，console.log()，方便开发调试，项目上线时打印太多数据，影响代码。 2，vue，uniapp，在main.js，里面添加重新定义console.log = function() {}方法； console.log = function() {} 3，在框架也是可行，逻辑一致； ...
console.log打印没有效果
Start2019
10-10 1102
今天用谷歌调试的时候，遇到了一个很奇怪的现象，console.log() 完全不出效果，把它放到script下的第一行也没有用。然后借鉴了几个博主的。 直接改 https://blog.csdn.net/wujy_rrycbar2016/article/details/78341973 打开控制台 -> 改为 Default 模式； 重置（当Default 模式被禁用时）https://...
分分钟用这些操作删除项目中无用的console.log代码
蛙人的博客
08-05 1272
前言 说起console.log调试，不用多说，那是非常的好用，开发中帮助我们解决了不少Bug。我们经常能在开发环境中看见这一坨一坨的console调试。但是生产环境是绝不对不允许出现console信息代码的。你还在手动一个一个删除吗，那得多累啊！ 下面我们来看一下这几种方式清除生产环境console无用代码。 基本操作 Webpack配置 uglifyjs-webpack-plugin 我们可以看一下该插件介绍，该插件是用于减少我们代码js代码体积。并且如果安装运行该插件的话，node版本是在v6.9.
前端打包忽略 console.log
08-10
前端打包忽略console.log的操作可以通过配置webpack来实现。根据提供的代码段，可以看到在webpack的配置中使用了UglifyJsPlugin插件来实现去除console.log的功能。在configureWebpack中的plugins数组中，添加了UglifyJsPlugin，并设置了compress的参数来去除console.log语句。具体的配置如下： ```javascript configureWebpack: config => { if (process.env.NODE_ENV === 'production') { return { plugins: [ new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_console: true, //移除console.log drop_debugger: true, //移除debugger pure_funcs: ['console.log'], //移除console.log }, }, }), ], } } } ``` 其中，drop_console参数设置为true表示移除console.log语句，pure_funcs参数设置为['console.log']表示移除console.log函数的调用。这样配置之后，在打包环境下，console.log语句会被自动忽略。123 #### 引用[.reference_title] - *1* *2* *3* [vue项目webpack打包时候去掉console.log等配置](https://blog.csdn.net/sinat_32017511/article/details/115764005)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值