vue 打包去掉console.log

原创 于 2025-08-11 09:04:03 发布 · 358 阅读 · 10 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js #前端 #javascript

title: vue 打包去掉console.log
date: 2022-03-11 17:17:53

webpack、vueconfig配置去除项目中的 console.log() 打印

去除代码中console.log打印

module.exports = {
  lintOnSave: true,
  // 配置webpack打包
  configureWebpack: (config) => {
    // 取消console打印    
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
},
Vue配置vue.config.js打包时删除console.log日志
咻咻ing的专栏
10-27 7254
在Vue项目开发过程中，我们通常需要通过console来输出日志信息，协助我们进行代码调试，但是对于线上发布时，不能输出日志。可以通过vue.config.js配置在打包时统一删除console日志。 方法1： 如果需要根据打包环境来判断是否需要删除： // vue.config.js module.exports = { ... configureWebpack: config => { if (process.env.NODE_ENV === 'production') { c
Vue项目打包去除console.log
wulei_emm的博客
02-23 447
vue cli3 方法： 安装插件 babel-plugin-transform-remove-console npm i babel-plugin-transform-remove-console --save-dev babel.config.js 修改为 if (process.env.NODE_ENV === 'production') { plugins.push(["transform-remove-console", { "exclude": ["error", "warn"] }])
vue-打包上线之后去除console.log（）
路虽远行则将至，事虽难做则必成。
06-07 2195
在开发阶段我们经常为了调试代码会打印一些数据，方便查看和修改数据但是这些打印如果在生产环境下展示的话就不太有好了，可以借助插件和代码写法来解决不建议使用插件，可以在main.js（入口文件）和vue.config.js(环境文件)来解决。
vue打包去掉 console.log
qq_38935512的博客
07-17 1986
方法一：不使用插件 vue-cli3.0在打包过程中就使用了terser-webpack-plugin插件进行优化 位置：node_modules/@vue/cli-service/lib/config/terserOptions.js compress对象中加入以下代码 warnings: false, drop_console: true, drop_debugger: true, pure_funcs: ['console.log'] 方法二：直接在vue.config.js中配置 conf
前端(VUE)打包上线去除console.log
最新发布
lnbcj的博客
10-25 1364
webpack，vue-cli去除console.log
vue 打包移除console信息
qq_41792905的博客
03-07 693
1.安装依赖 babel-plugin-transform-remove-console 2.配置 babel.config.js const prodPlugins = [] // 如果是发布阶段,处于生产环境,就向prodPlugins数组里添加一个插件 if (process.env.NODE_ENV === 'production') { prodPlugins.push('transform-remove-console') } module.exports = { presets: [
vue项目打包时清除console.log()
weixin_63035742的博客
09-14 1560
3、直接在main.js中给console.log定义一个空函数。1、在vue.config.js中，添加配置。
vue或react项目生产环境去掉console.log的操作
10-14
安装完成后，可以通过修改Vue项目的配置文件vue.config.js来实现自动去掉console.log的功能。具体做法如下： ```javascript module.exports = { configureWebpack: (config) => { if (process.env.NODE_ENV === '...
Vue Cli3 打包配置并自动忽略console.log语句的方法
10-15
本篇文章将详细介绍如何在 Vue CLI 3 中配置打包过程以自动忽略 `console.log` 语句。 首先，为了实现这一目标，我们需要引入一个名为 `uglifyjs-webpack-plugin` 的插件，它允许我们在压缩代码时删除 `console.log...
vue打包去除console.log
03-16
可以在打包的时候使用插件来去除console.log，比如使用uglifyjs-webpack-plugin插件，配置如下： 1. 安装插件 ``` npm install uglifyjs-webpack-plugin --save-dev ``` 2. 在webpack.config.js中引入插件 ``` ...
解决vue打包后去掉console
Lora_0925的博客
02-28 6844
npm install babel-plugin-transform-remove-console --save-dev安装插件 生产环境：在项目的babel.config.js的plugin中添加节点。 let transformRemoveConsolePlugin = []; if (process.env.NODE_ENV === 'production') { transformRemoveConsolePlugin = ['transform-remove-console...
vue项目在打包时,如何去掉所有的console.log输出
m0_60452436的博客
07-22 1369
安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。但是babel.config.js文件是全局共享的，无论是开发阶段还是生产阶段，都会移除所有的console，我们想在开发阶段保留console该怎么做呢？// 如果当前是生产环境，则使用去掉console的插件。如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。
vue项目打包去掉console.log
weixin_44740072的博客
09-25 1018
vue项目打包时去掉console.log
VUE项目打包去掉console.log
weixin_56562996的博客
09-01 293
在vue.config.js中，配置： chainWebpack(config) { config.optimization.minimizer('terser').tap((args) => { args[0].terserOptions.compress.drop_console = true return args }) }
vue打包以后去掉console.log
轻风细雨_林木木
03-21 772
参考资料：https://blog.csdn.net/u014440483/article/details/87267160
vue项目打包去掉console,webpack 打包去掉console
随笔_博客
07-31 3146
1、去掉console 在 webpack.prod.conf.js（生产环境配置文件），文件内搜索"UglifyJsPlugin"，找到如下UglifyJsPlugin的配置，修改为如下，更多内容查看webpack官方文档 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, ...
vue(vue2和vue3)项目打包去除console.log 和禁用Source Map
2301_76607997的博客
08-05 813
【代码】vue(vue2和vue3)项目打包去除console.log。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值