线上项目使用插件babel-plugin-transform-remove-console来移除控制台的console.log()

最新推荐文章于 2024-02-02 11:27:55 发布
最新推荐文章于 2024-02-02 11:27:55 发布
阅读量422 收藏 1
点赞数 1
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45695853/article/details/114692117
版权

1.安装 npm install babel-plugin-transform-remove-console --save-dev
2.在babel.config.js中进行使用（此种方法会移除开发环境的输出，不便于本地测试，不推荐！！！）
在这里插入图片描述
3.进一步优化
在这里插入图片描述
通过process.env.NODE_ENV === 'production’来进行判断是否为线上环境来进行添加此插件

吃葡萄不吐葡萄皮嘻嘻
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
babel-plugin-transform-remove-console 插件的使用
hzw的博客
08-23 3136
插件的作用： 在项目 build 阶段把所有的 console 移除掉 插件的使用： 1、插件安装 npm install babel-plugin-transform-remove-console --save-dev 2、声明插件，打开项目中 babel.config.js 文件 "plugins": [ "transform-remove-console" ] 3、重新运行 build ...
babel-plugin-transform-remove-import:此插件删除所有导入调用
05-15
babel-plugin-transform-remove-import 此插件将删除所有import调用。 例子 在 import strman from 'strman' 出去 安装 npm install babel-plugin-transform-remove-import 用法 通过.babelrc （推荐） .babelrc...
项目打包时去除console语句的解决方法——babel-plugin-transform-remove-console 插件
最新发布
weixin_55209970的博客
02-02 775
那么有没有一种只在发布环境时才不显示console的插件呢 于是找到了项目打包时去除console语句的解决方法——babel-plugin-transform-remove-console 插件。.config.js 文件是全局共享的，不管是项目开发阶段（serve）还是项目发布阶段（build），这个配置文件都会生效。vscode插件 javascript console utils 快速生成 / 删除console.log。只在项目发布阶段移除所有的 console。最后重新运行build。
babel-plugin-transform-remove-console系列之vue项目在打包时,如何去掉所有的console.log输出
老__L的博客
12-25 693
vue项目在打包时,如何去掉所有的console.log输出
babel-plugin-transform-remove-console 项目打包去除console
qq_43235503的博客
12-18 807
babel-plugin-transform-remove-console 项目打包去除console
vue项目上线打包移除console.log
树上骑个猴的博客
09-02 1170
开发阶段，我们会编写大量的 console 语句用于测试 使用 build 命令打包时，会作为警告提出，因为上线之后，这些 console 语句是没有任何作用的，所以警告你应该移除 挨个文件手动删除的方法，会有两个问题 耗时耗力 代码中其实还是需要console的，只是打包后，希望生成的文件中不包含而已 babel-plugin-transform-remove-console 比较流行的解决办法是使用 babel 的一个插件，因为webpack 打包时会使用 babel 进行代码降级，所以babel 插
babel-plugin-console-source：将文件名和行号添加到所有控制台日志中
01-31
Babel插件控制台源 根据源文件，为每个控制台命令添加文件名和行号。 // app.js class App ( ) { constructor ( ) { console . log ( 'test' ) ...$ yarn add babel-plugin-console-source -D .babelrc {
babel-plugin-transform-require-ignore
01-31
babel-plugin-transform-require-ignore 由于不建议使用 。 我们必须找到另一种方法来忽略webpack使用的扩展，并使其在节点环境中工作。 在.babelrc为节点配置它，在节点中运行测试或构建服务器渲染应用程序时，...
babel-plugin-console：Babel插件，添加了有用的构建时间控制台功能:video_game:
01-29
babel-plugin-console :video_game: 添加有用的构建时间控制台功能 问题 是否曾经使用console.log查找自己在函数中到底发生了什么？ 然后将太多变量放入日志中，并丢失哪个值是哪个变量的上下文？ 解 这些问题...
babel-plugin-bundled-import-meta:Babel插件重写import.meta以用于捆绑使用
05-01
babel-plugin-bundled-import-meta Babel插件可重写import.meta.url以供捆绑使用。 安装babel-plugin-bundled-import-meta 此模块需要node.js 10或更高版本以及@babel/core 。 npm i babel-plugin-bundled-import...
babel-plugin-transform-remove-consol插件的安装及使用（作用是移除代码里的所有console.log()）
weixin_64812436的博客
12-22 501
(因为在上线阶段不允许出现 console.log()） ​1、在项目可视化工具中的依赖---点击安装依赖--搜索并点击安装 babel-plugin-transform-remove-console ​2、在项目 babel.config.js 文件中： ​有两种可选择，一是开发和发布阶段 都移除 console.log() ；二是开发阶段保留 console.log()，发布阶段移除 console.log()
删除 console 语句引发的惨案
csdn姚宏波
04-22 824
前言： 虽然 babel-plugin-transform-remove-console 已经几年不更新了，但打包时去除 console 语句还是比较省时省力，所以项目中也就用了，没想到反而费劲了 本来问题很简单，但有时候不细心，可能就会浪费大量的时间解决问题，所以写篇博客，方便他人 急急如律令，喷子请绕行 1、安装和使用 安装 npm i babel-plugin-transform-remove-console 配置(babel.config.js) // 存储项目发布阶段需要用到的插件 const p
vuecli4生成环境打包去除console
弟弟的博客
12-14 567
安装 babel-plugin-transform-remove-console npm install babel-plugin-transform-remove-console --save--dev 在babel.config.js修改 const prodPlugins = []; if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console'); } module.expor
vue打包上线利用插件去除 console
weixin_44161385的博客
03-29 1321
vue上线去除console
vue -03 项目在发布阶段提示不能有console命令(no-console)（处理办法）
Forest_2Cat的博客
01-31 1941
问题：项目在发布阶段不能有控制台的输出命令，控制台的输出命令只能是在开发阶段使用，如何实现在开发阶段使用控制台输出命令，而在发布阶段不适用控制台输出命令，即如何使console.log()命令在发布阶段失效？ 解决办法：使用babel-plugin-transform-remove-console依赖 步骤： 1.安装依赖 2.在babel.config.js文件中调试 // 区分一下是开发阶段还是发布阶段 const prodPlugins = [] // 发布阶段即添加消除控制面板打印的方法 if
安装babel-plugin-transform-remove-console开发依赖，如何让只在发布阶段去除console.log()
weixin_44032619的博客
02-26 139
安装babel-plugin-transform-remove-console开发依赖，如何让只在发布阶段去除console.log()
babel-plugin-transform-remove-console插件的使用
Hiroshi's
01-07 8765
我们在项目编译过程会碰到警告的情况 控制台打印的结果显示是因为有多余的console语句： 为了解决这个问题，我们来看一个插件babel-plugin-transform-remove-console This plugin removes all console.* calls. 官方文档里解释这个插件可以移除所有console.*的调用 我们先安装： 再找到babel的配置文件： 效果： 没有之前的console警告了 ...
打包发布项目时，清除项目中的所有console.log --- babel-plugin-transform-remove-console 使用！
qq_40259123的博客
05-29 1549
首先：cnpm i babel-plugin-transform-remove-console --save-dev 下载这个插件 其次在项目中找到 .babel.config.js 文件 ；
umi3.5中如何使用babel-plugin-transform-remove-console
05-25
在 umi3.5 中使用 babel-plugin-transform-remove-console 插件可以通过以下步骤实现： 1. 安装插件： ``` npm install babel-plugin-transform-remove-console --save-dev ``` 2. 在 umi 配置文件中的 babel ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃葡萄不吐葡萄皮嘻嘻

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值