Vue项目编译时移除console语句

最新推荐文章于 2024-05-08 19:00:14 发布
最新推荐文章于 2024-05-08 19:00:14 发布
阅读量405 收藏
点赞数
分类专栏： vue-cli 文章标签： vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41999592/article/details/109045377
版权

脚手架里安装开发依赖：babel-plugin-transform-remove-console

或者命令行安装：npm i babel-plugin-transform-remove-console -D

安装完成之后进行配置，这里介绍2种配置方法，选择其一使用。

配置方法1：

在项目中的babel.config.js写入

配置方法2：

在项目当中的  .babelrc 文件当中写入（参考https://www.npmjs.com/package/babel-plugin-transform-remove-console）

保存文件，这时候配置就生效了，打包编译时会自动屏蔽console语句

boss-qiu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue项目优化 —— 移除console
zyf971020的博客
10-09 1279
Vue项目优化 —— 移除console
优化Vue项目编译文件大小的方法步骤
10-16
主要介绍了优化Vue项目编译文件大小的方法步骤，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue项目发布时去除console语句
Itmylove8的博客
07-11 347
在vue.config.js中添加下面的代码即可 // vue-cli version > 3 modeule.exports = { configureWebpack: config => { if (process.env.NODE_ENV === "production") { config.optimization.minimizer[0].options.terserOptions.compress.drop_console = ...
Vue进阶（幺玖柒）：Vue 项目设置生产环境取消 console、debugger 语句控制台输出_vue2 限制环境 控制台console输出
最新发布
2401_84411557的博客
05-08 837
更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！由于篇幅限制小编，pdf文档的详解资料太全面，细节内容实在太多啦，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！
vue 项目打包发布时去除所有console
咿呀咿呀呦~
06-29 667
自己做的项目已经完成啦~但是想着项目中的 console 太多了，就看到学习视频中真的有插件可以去除所有的 console 来打包发布，真的是绝绝子啊 yyds 没错就是 这个插件，这是官方文档哦~ babel-plugin-transform-remove-console 先安装插件 npm install babel-plugin-transform-remove-console --save-dev 安装完成后项目目录会新增一个 babel.config.js 的文件，在此文件中新增 transfo
npm 编译一键去console
HarryWord
09-16 363
很多很多很多 重要的事情说三遍 人 代码上生产 都是带着问题上线的； 危险吗？ 我是觉得挺危险的；至少 你让竞争对手 充分了解你了的产品了 所以 当你页面打包时候千万要记得 把没用的代码与debug 去掉 今天推荐一个插件 助你 一B之力 npm install uglifyjs-webpack-plugin --save-dev 然后在 vue.config.js 上边添加内容 const UglifyJsPlugin = require('uglifyjs-webpack-plugin
Vue项目打包编译优化方案
10-14
当一个较复杂的vue项目打包后，文件会非常大，而且访问时资源加载速度很慢，本文介绍了几种措施来优化。
详解Vue项目编译后部署在非网站根目录的解决方案
01-19
同一个生产部署项目，基内外网的访问路径并不相同，内网是基于域名根目录来访问，而外网却指向了一个子目录。 eg. ： vue-router: history模式 内网环境：192.168.1.1:8080/index.html 外网环境：domain....
Vue-cli 在 build:prod 时自动去掉console.log等
NewTWG的专栏
10-03 825
写vue前端代码时，写了好多console.log，这些想编译到生产环境时自动去掉。测试了几个插件，最后用babel-plugin-transform-remove-console插件成功解决了问题。因为error和warn不想去掉，但网上很少有排除方法的说明，现做一下记录希望可以帮到需要的人。
Vue 项目上线时如何去掉代码中的console 打印信息
qq_39399050的博客
02-16 2673
一、安装插件 babel-plugin-transform-remove-console 命令：npm install babel-plugin-transform-remove-console --save 二、修改项目根目录下babel.config.js babel.config.js 修改前 babel.config.js 修改后： const plugins = [] if(proce...
babel-plugin-transform-remove-console:添加其他选项
05-14
babel插件转换删除控制台增强 该插件将删除所有console.*调用。 例子 在 console . log ( "foo" ) ; console . error ( "bar" ) ; 出去 在 console . log ( "foo" ) ; console . error ( "bar" ) ; 出去 console . error ( "bar" ) ; // set options to ignore error 安装 npm install babel-plugin-transform-remove-console-enhance 用法 通过.babelrc （推荐） .babelrc { " plugins " : [ " transform-remove-console-enhance " ] } 或者 { " plugins " : [
build的时候移除console
weixin_44180173的博客
03-14 554
安装插件babel-plugin-transfrom-remove-console https://www.npmjs.com/package/babel-plugin-transform-remove-console 移除vue项目中的打印 添加transform-remove-console 有些插件只在开发生效，发布时不生效 vue-cli-aervice serve...
vue项目webpack打包时候去掉console.log等配置
sinat_32017511的博客
04-16 9597
一、前言： 1. vue-cli2 在 build 文件下面的webpack.prod.conf.js中配置; 2. vue-cli3 在项目目录下的vue.config.js文件里面配置，本文只讲vue-cli3(vue-cli4同理设置）。 二、安装。 安装插件uglifyjs-webpack-plugin yarn add -Duglifyjs-webpack-plugin 或npm install uglifyjs-webpack-plugin 至于为什么要加 -D,请看下...
vue项目打包删除所有的console
qq_36893984的博客
07-09 990
1.安装 npm install babel-plugin-transform-remove-console --save-dev 2.在babel.config.js文件中新增加，不多逼逼，上代码 const productPlugins = [] //去除打包之后的文件里面的console if (process.env.NODE_ENV === 'production') { productPlugins.push('transform-remove-console') } module
vue-cli打包后去除console.log
W_Zhulin的博客
11-29 1292
1、安装babel-plugin-transform-remove-console插件 npm i --save-dev babel-plugin-transform-remove-console 2、在babel.config.js中配置 const plugins = []; // 开发环境下process.env.NODE_ENV === development if (['production', 'prod'].includes(process.env.NODE_ENV)) { plugin
Vue编写登录/退出切换
quietbxj的博客
12-16 678
Vue使用v-show编写登录/退出切换，程序如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>v-show</title> <script src="js/vue.js"></script> </head> <body> <div id="app">
vue项目上线后去除控制台所有console.log打印-配置说明
JackieDYH的博客
10-04 1989
babel.config.js文件中添加。
配置了环境变量打包后去掉console.log
古月水告的博客
03-22 483
里配置的无效，如果需要判断打包使用不同环境的配置，可以使用。.env.development文件。.env.production 文件。vue.config.js 中配置。package.json文件。编译打包test的时候执行。.env.test 文件。注意：编译的时候一定要是。创建新的变量用来判断。创建config.js。
vue 开发环境移除console.log
09-15
在Vue开发环境中移除console.log，你可以使用babel插件transform-remove-console。首先，安装依赖包babel-plugin-transform-remove-console，可以通过命令npm install babel-plugin-transform-remove-console --save...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值