vue 打包的时候如何去除项目中所有console

最新推荐文章于 2024-10-25 10:56:23 发布

A-fish

最新推荐文章于 2024-10-25 10:56:23 发布

阅读量1k

点赞数

分类专栏：杂记文章标签： vue

本文链接：https://blog.csdn.net/sally18/article/details/108318560

版权

杂记专栏收录该内容

50 篇文章 1 订阅

订阅专栏

在项目中的build/webpack.prod.conf.js文件中

在config下面的index.js文件中

new webpack.optimize.UglifyJsPlugin({
  compress: {
    warnings: false,
    drop_debugger: true,
    drop_console: true
  },

添加此配置就可以在打包之后去掉控制台的打印

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

A-fish

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue -- 项目打包移除console.log和debugger

King Saj

02-09

2033

【vue深入】项目打包之后，移除console.log和debugger console.log和 debugger 随着项目开发完成，步入稳步运行的阶段，就是部署到生产环境。这个时候，我们就不需要再进行调试什么的了，那么我们需要移除掉console.log和debugger uglifyjs-webpack-plugin npm install uglifyjs-webpack-plugin --save-dev 或 yarn add uglifyjs-webpack-plugin -D 在项目根目录

详解如何去除vue项目中的#——History模式

11-26

使用vue-cli搭建的环境，在配置好路由之后，可以看到下面的情况：但是不难发现#的出现真的很丑陋，并且也不知道这是什么作用？所以就去Stack Overflow上搜索了，果然还有~ 看来Stack Overflow是真的强大，你在项目中遇到的问题实际上在so上都已经被问过并且解决了，这不：　　　这是最高票的回答，即在vue2中将mode模式设置为history，试过之后确实奏效！但是知道这样可以解决问题，却不知道为什么，这是不行的，　随着连接，我们看到了文档。所以这篇文章也就是引申到文档的理解了，大家可以直接去看文档。　对于vue开发的单页面应用，我们在切换不同的

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

vue 项目打包发布时去除所有console

咿呀咿呀呦~

06-29

721

自己做的项目已经完成啦~但是想着项目中的 console 太多了，就看到学习视频中真的有插件可以去除所有的 console 来打包发布，真的是绝绝子啊 yyds 没错就是这个插件，这是官方文档哦~ babel-plugin-transform-remove-console 先安装插件 npm install babel-plugin-transform-remove-console --save-dev 安装完成后项目目录会新增一个 babel.config.js 的文件，在此文件中新增 transfo

前端(VUE)打包上线去除console.log

最新发布

lnbcj的博客

10-25

899

webpack，vue-cli去除console.log

vue项目在打包时,如何去掉所有的console.log输出

m0_60452436的博客

07-22

1045

安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。但是babel.config.js文件是全局共享的，无论是开发阶段还是生产阶段，都会移除所有的console，我们想在开发阶段保留console该怎么做呢？// 如果当前是生产环境，则使用去掉console的插件。如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。

如何在vue项目打包去掉console

weixin_30911451的博客

07-11

202

在项目中的build/webpack.prod.conf.js文件中 new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, 添加此配置就可以在打包之后去掉控制台的打印输出转载于:...

vue项目打包去掉console,webpack 打包去掉console

随笔_博客

07-31

3097

1、去掉console 在 webpack.prod.conf.js（生产环境配置文件），文件内搜索"UglifyJsPlugin"，找到如下UglifyJsPlugin的配置，修改为如下，更多内容查看webpack官方文档 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, ...

vue打包后去除代码中的console.log输出

qq_40410916的博客

07-30

1038

vue打包后去除代码中的console.log输出项目上线的时候都不需要看到一些debug输出的内容，所以要去除console.log 在vue 2中webpack中在生产环境的插件中添加配置 // 代码： plugins: [ // http://vuejs.github.io/vue-loader/en/workflow/production.html new webpack.DefinePlugin({ 'process.env': env

vue或react项目生产环境去掉console.log的操作

10-14

总结来说，通过Webpack的terser插件，我们可以方便地在生产环境中去除console语句，提高应用的运行效率和安全性。对于Vue组件数据更新但视图未更新的问题，则需要根据Vue的响应式原理，采取合适的方法来确保数据变化...

Vue Cli3 打包配置并自动忽略console.log语句的方法

10-15

本篇文章将详细介绍如何在 Vue CLI 3 中配置打包过程以自动忽略 `console.log` 语句。首先，为了实现这一目标，我们需要引入一个名为 `uglifyjs-webpack-plugin` 的插件，它允许我们在压缩代码时删除 `console.log...

vue项目在打包时，去掉所有的console.log输出

weixin_43242112的博客

08-06

5122

vue项目在打包时，去掉所有的console.log输出安装插件添加配置安装插件 npm install babel-plugin-transform-remove-console --save-dev 添加配置安装babel-plugin-transform-remove-console开发依赖，然后在项目的babel.config.js的plugin中添加节点。再build就不会有console警告了。如下配置无论在开发环境还是生产环境都会去掉所有的console输出语句。但是babel.c

Vue项目上线优化1：如何去除vue项目中的所有console的内容

weixin_44206947的博客

04-04

1289

vue项目打包上线前总会遇到一个问题就是开发过程中遗留的console代码，其实方法很简单：下载依赖包 npm install babel-plugin-transform-remove-console --save-dev；下载成功后在根目录的babel配置文件中，plugins数组中添加"transform-remove-console"即可。 ...

vue-cli项目配置webpack 自动删除生产环境的console调试信息

热门推荐

听闻青春丶

07-06

1万+

new webpack.optimize.UglifyJsPlugin({ //自动删除console.log compress: { warnings: false, drop_debugger: true, drop_console: true }, sourceMap: true }), ...

vue - vue项目中配置不同的环境是否显示vConsole

qq_43886365的博客

09-30

2759

vue项目中配置不同的环境是否显示vConsole

vue.config.js去掉vconsole调试器

weixin_40667880的博客

06-19

1万+

由于npm run build打包发布生产环境时，需要去掉vconsole调试器。在vue.config.js文件中加入如下代码： const vConsolePlugin = require('vconsole-webpack-plugin') configureWebpack: config => { //生产环境去掉vconsole调试器 let envFlag = ...

vue实现打包去除console.log

LennieGao的博客

05-21

1万+

好好学习，天天向上。Are you ready? 代码奉上！！！！！！！！！首先下载插件 npm install babel-plugin-transform-remove-console --save-dev 然后创建或进入项目根目录下babel.config.js文件代码如下 let plugins = []; if (process.env.NODE_ENV === "production") { // todo if判断是否打包,打包环境下控制台去掉console.log,也可去掉

vue项目打包删除所有的console.log

weixin_43617604的博客

04-06

1143

vue项目打包删除所有的console.log bable-plugin-transfrom-remove-console 点击进入 bable-plugin的相关文档教程

vue webpack打包时如何去掉console.log

qq_33218955的博客

01-09

6329

vue webpack打包时如何去掉console.log？在webpack.prod.conf.js 文件中（35行左右）将设置修改为 new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_debugger: true, drop_console...

vue打包去除console.log

03-16

可以在打包的时候使用插件来去除console.log，比如使用uglifyjs-webpack-plugin插件，配置如下： 1. 安装插件 ``` npm install uglifyjs-webpack-plugin --save-dev...这样打包后的代码就会去除所有的console.log了。