webpack打包去掉console.log打印与debugger调试

最新推荐文章于 2025-12-01 06:58:53 发布

转载最新推荐文章于 2025-12-01 06:58:53 发布 · 2.1k 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/hcxy/p/9283727.html

收录于

当前文章被以下社区和专栏收录：

本文介绍如何在webpack配置文件中禁用调试信息，通过在UglifyJsPlugin插件中添加drop_debugger和drop_console参数来移除打包后的debugger和console.log语句。

如图，找到build/webpack.prod.conf.js

在 UglifyJsPlugin 插件下添加下列代码

 drop_debugger: true, 
 drop_console: true

转载于:https://www.cnblogs.com/hcxy/p/9283727.html

标签

#webpack #json #javascript #ViewUI

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

daruanzai3165

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

逆向第一步去掉debugger（无任何门槛小白可学习）

2301_76620728的博客

04-30

1082

注意下载后缀为.x64.exe版本的我这里下的npp.8.6.5.Installer.x64.exe。（2)ctrl+f 查找 debugger 然后把代码里的"debugger"删除掉。在文件夹下新建一个JSTool文件夹（要以这个命名不然在插件里找不到）把上面那个下载的JSMinNPP.dll文件拉到JSTool文件夹。（3）把代码缩进一下（插件JSTool 前面安装过的)把复制的链接复制到上面，下面填你本地修改后js的地址。保存重新打开网站打开开发者工具就不会被断住了。2.用ReRes替换。

参与评论您还未登录，请先登录后发表或查看评论

40.8K星爆火！Crawl4AI实战突破Cloudflare 5秒盾：AI反爬新范式，爬虫再也不被封

12-01

1568

Crawl4AI的爆火（40.8K星）不是偶然——它解决了爬虫工程师最头疼的反爬问题，让爬虫从“体力活”变成“脑力活”，不用再花费大量时间配置指纹、编写行为脚本。但要注意：爬虫必须遵守目标网站的robots.txt协议，不得用于非法爬取数据（比如用户隐私、商业机密）。合理使用技术，才能长久落地。如果你在使用Crawl4AI时遇到具体问题（比如绕过更严格的反爬、批量爬取配置），欢迎在评论区交流，我会第一时间分享解决方案！

webpack打包去掉 debugger和console

yjl13598765406的博客

11-24

1031

webpack打包去掉 debugger和console

代码解读：使用Stable Diffusion完成相似图像生成任务

沉迷单车的追风少年

04-11

1363

作为内容生产重要的一部分，生成相似图像是一项有意义的工作，例如很多内容创作分享平台单纯依赖用户贡献的图片已经不够了，最省力的方法就是利用已有的图片生成相似的图片作为补充。这篇博客详细解读基于Stable Diffusion生成相似图片的原理和代码。

webpack4配置打包忽略console和debugger

fk1246444的博客

08-13

448

我们需要用到TerserPlugin，由于webpack高版本的自带了TerserPlugin，所以不需要安装。

webpack打包之后不再显示console.log信息

苗雪松的博客

02-21

5858

在webpack.prod.conf.js 文件中（35行左右）将设置修改为 new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, sour...

vue测试环境搭建

renchaoqiong

03-12

388

WechatIMG4.jpeg 温馨提示：所有需要更改的地方加上了注释// here 在build文件夹下复制一份build.js && 重命名为build-test.js 在build-test.js文件下更改如下 'use strict' require('./check-versions')() process.env.NODE_ENV =...

webpack 生产环境下禁用日志 console.log

wuyujin1997的博客

12-26

4547

Intro 前端开发时使用console.xxx等api打印了很多信息，这些信息在开发时可以帮助调试。但是在生产环境下应该禁用，有以下两个目的：减少性能影响：控制台打印大量数据会影响浏览器性能，见console.log和垃圾回收，未测试，但影响一定会有。避免过多信息泄露：主要针对非普通用户而言配置方法下载依赖 npm i -D terser-webpack-plugin@^5.0.3 生产环境条件下，新增配置项： const TerserPlugin = require("terser-w

vue-cli3/webpack打包时去掉console.log调试信息

qq_34082921的博客

12-29

3632

开发环境下，console.log调试信息，有助于我们找到错误，但在生产环境，不需要console.log打印调试信息，所以打包时需要将console.log调试信息过滤清除。

webpack打包过滤console等

Vanilla1119的博客

04-03

2161

webpack打包过滤console等开发环境下需要console打印很多的数据，但是放在放在线上想过滤掉console，debugger这些，只要在webpack的配置里面加上一段代码就可以过滤掉。对于webpack4以上的版本过滤console方法： 1.安装terser-webpack-plugin插件 npm i --save terser-webpack-plugin 2....

前端config.js中配置移除控制台中的console，debugger

ChinaW_804的博客

06-17

685

在本地开发中，会经常使用console.log(),debugger等来查看调试数据，如果没有及时清理，打包到测试或者生产环境，控制台就会有一堆打印的东西，看着很不友好，请保持前端开发的基本素养哈。

Vue 项目中如何在打包时清除 console 和 debugger

jiangzhihao0515的博客

10-13

1269

我们在开发过程中，肯定会用到console打印信息。但是呢，我们上线就要把console这些打印的信息给去掉吧，那时我们项目那么多打印，难道要一个个去掉吗，显然是不可能的；选项提供一个对象会被 webpack-merge 合并入最终的 webpack 配置，插件进行优化配置不同，vue-cli3.0 在打包过程中就使用了。与vue-cli2.0使用了。（如果没有自己创建）

React 脚手架项目,typescript,在vscode中进行调试,并重写console.log

goodboy31985的博客

07-03

2672

使用create-react-app 脚手架创建的项目,一般默认是在chrom中进行调试,但是如果你想要在vscode中进行调试,就要做相应的配置,并且原有的日志功能也不是很完善,所以下面我们就想办法让React项目在vscode中进行调试,并且改进一下console.log的功能 React 脚手架项目,使用mock数据,模拟后端数据用脚手架创建项目并运行安装必要的插件配置.vscode/launch.json增强console.log 用脚手架创建项目并运行首先使用create-react-app 脚

前端工作总结136-vue里面取消console和debugger

qq_41632427的博客

09-06

720

前端

vue在生产环境清除console.log

weixin_34245749的博客

03-29

700

在开发环境中我们喜欢用console.log测试代码，但是部署到生产环境我们不可能一个一个把console.log给手动删除了。在build/webpack.prod.conf.js文件里加上这样一段代码即可 new UglifyJsPlugin({ uglifyOptions: { mangle: { ...

vue webpack build 打包过滤console.log()日志

weixin_34043301的博客

05-21

292

vue cli创建项目在 webpack.prod.conf.js文件 //打包时清除页面中所有打印及debugger断点 new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, ...

webpack服务启动时，如何去掉多余的打印信息？

weixin_41725648的博客

08-12

2222

webpack服务启动时，如何去掉多余的打印信息？不废话，直接上代码 // devServer { stats: 'errors-only' }

webpack打包时去掉代码中所有的console和debugger

马娟的博客

01-10

4565

找到webpack.config.prod.js在如下位置加入下面两句 drop_debugger: true, drop_console: true

webpack打包自动清除console语句，和debugger语句