vue-cli3打包去掉console.log

最新推荐文章于 2024-07-18 11:51:07 发布

瞎转悠达

最新推荐文章于 2024-07-18 11:51:07 发布

阅读量1.4k

点赞数 1

CC 4.0 BY-SA版权

文章标签： vue js npm nodejs javascript

本文链接：https://blog.csdn.net/qq_35859392/article/details/110944983

本文介绍如何使用npm包terser-webpack-plugin进行代码压缩。首先安装该包，然后在vue.config.js中配置，仅在生产环境下启用console.log删除功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过npm包 terser-webpack-plugin 来实现

第一步：安装

npm install terser-webpack-plugin --save-dev

第二步：配置 (vue.config.js)

module.export = {
  configureWebpack: (config)=>{
    if(process.env.NODE_ENV === 'production'){
      config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true
    }
  }
}

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

瞎转悠达

关注关注

1
点赞
踩
1

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

King Saj

02-09

2197

【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-cli3自动消除console.log()的调试信息方式

01-18

在vue-cli3里面已经有这个功能了，只需要开启这个功能就行了，默认是关闭的 1、找到生产环境的配置文件 2、然后找到 UglifyJsPlugin 这个插件添加一行代码补充知识：Vue cli3 实现去除console.log 去除控制台输出下载移除控制台输出的包 npm install babel-plugin-transform-remove-console –save-dev 新建 babel.config.js let plugins = [ vant插件的按需加载 [ 'import', { libraryName: 'vant', library

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

devserver配置_Vue Cli 3 打包配置--自动忽略 console.log 语句

weixin_39616090的博客

11-27

415

下载插件npm 在 vue.config.js 引入使用const 这时执行 npm run build 打包后的文件就没有 console.log 语句了。不过这时会有一个问题，就是在开发环境的时候编译会非常慢。例如修改了一个变量的值，我的电脑要编译 10 秒才能重新刷出来页面，一直卡在 92% chunk asset optimization。由于去掉 console.log 语句这个功能只有...

vue-cli3自动消除console.log()的调试信息

朽木自雕的博客

02-05

3253

vue-cli3自动消除console.log()的调试信息在vue-cli3里面已经有这个功能了，只需要开启这个功能就行了，默认是关闭的找到生产环境的配置文件然后找到 UglifyJsPlugin 这个插件添加一行代码 ...

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

qq_40410916的博客

07-30

1131

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

vue3 清除生产 console.log

weixin_71574589的博客

07-18

366

【代码】vue3 清除生产 console.log。

vue-cli4vue.config.js 持续配置更新.zip

12-01

SVG 组件√ 去除多余无效的 css√打包分析√ 配置外部引入 cdn 资源√ 多页面资源多页面√ 删除时刻语言包√ 去掉 console.log√ 利用 splitChunks 单独备用第三方模块√ 开启gzip压缩√ 开启 stylelint 检

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

10-15

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

Vue 项目打包并去掉所有的console.log输出

时漂亮的博客

11-16

929

一、 npm run build 生成dist文件夹路由懒加载去掉所有的console 安装插babel-plugin-remove-console(项目上线时要用到的插件) 移除打包的第三方包 // 项目在发布时需要用到的 babel 插件数组 const proPlugins = [] // 如果当前是测试环境或者是生产环境，则使用去掉 console 的插件 if (process.env.NODE_ENV === 'test' || process.e

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

qq_34082921的博客

12-29

3490

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

vue-cli3配置去掉console.log

菜鸟的博客

03-11

3634

在开发环境写了很多console.log/info/debug,在生产环境需要去掉这些console。 webpack提供了删除console的插件，在vue-cli3里面是这样用的：首先安装terser-webpack-plugin cnpm install terser-webpack-plugin -D vue.config.js中的配置 const TerserPlugin ...

vue-cli3 移除生产环境console.log打印的日志

unhejing的博客

08-03

4149

前言：后台模版使用的开源的基于elementUI的nx-admin，为了项目的安全性，需要在生产环境上面去除控制台打印的日志。使用该框架尝试两种插件terser-webpack-plugin和babel-plugin-transform-remove-console。网上很多都是第一种，我尝试了未成功，可能设置的方法有问题，第二种方法设置成功。下面只描述成功的方法 1.安装依赖 ...

vue3 生产环境去掉console.log

kola的博客

04-17

2403

在开发项目时,为了便于调试,我们一般会输出很多console.log,但是在生产环境中我们是要去掉这些的. 但是如果手动删除,就有点麻烦了,而且如果以后再开发调试的时候,还得重写再写console.log 不过好在webpack提供了删除console.log的插件,在vue3里面是这样用的: 首先安装terser-webpack-plugin npm install terser-webpa...

【vue3】 setup vite.config.js通用配置，反向代理、打包配置、生产环境去除console.log以及debug输出

qq_43813351的博客

03-07

2546

vue3 setup vite.config.js通用配置，反向代理、打包配置、生产环境去除console.log以及debug输出

vue-cli3生产环境去掉console.log

眾K的博客

04-15

1109

cnpm install terser-webpack-plugin -D 然后在vue.config.js文件里写插件的配置： module.exports = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minimiz...

【Vue】15.vue-cli3项目配置webpack自动删除生产环境的console.log调试信息