webpack打包过滤console.log

最新推荐文章于 2024-05-27 10:02:49 发布

weixin_30867015

最新推荐文章于 2024-05-27 10:02:49 发布

阅读量158

点赞数

CC 4.0 BY-SA版权

文章标签： webpack ViewUI

原文链接：http://www.cnblogs.com/zhubei/p/7600470.html

本文介绍了如何在Webpack配置文件中使用UglifyJsPlugin插件来移除debugger和console.log，以此减小生产环境下的打包体积。通过具体代码示例展示了如何配置以达到最佳压缩效果。

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

在webpack.prod.conf.js里面的plugins里面加上

 drop_debugger: true,
 drop_console: true

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

参考链接 https://webpack.js.org/configuration/plugins/

转载于:https://www.cnblogs.com/zhubei/p/7600470.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30867015

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

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

King Saj

02-09

2195

【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打包后去除代码中的console.log输出

qq_40410916的博客

07-30

1130

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-cli3/webpack打包时去掉console.log调试信息

qq_34082921的博客

12-29

3486

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

webpack打包过滤console等

Vanilla1119的博客

04-03

2096

webpack打包过滤console等开发环境下需要console打印很多的数据，但是放在放在线上想过滤掉console，debugger这些，只要在webpack的配置里面加上一段代码就可以过滤掉。对于webpack4以上的版本过滤console方法： 1.安装terser-webpack-plugin插件 npm i --save terser-webpack-plugin 2....

webpack打包去除代码中的console.log()

小陈的收藏

05-27

2886

默认情况下，Babel 只会处理你的源代码文件，而不会处理 node_modules 目录中的依赖包。这意味着使用 babel-plugin-transform-remove-console 只能移除你自己代码中的 console.log，不能移除依赖包中的 console.log。

vue webpack生产环境打包去除console.log

w1242245的专栏

06-01

3158

vue webpack生产环境打包去除console.log

webpack过滤console打印

github_39088222的博客

09-03

3674

开发环境下需要console打印很多的数据但是放在放在线上又不能又console打印的那些数据，只要在webpack的配置里面加上一段代码就可以过滤掉。找到webpack.prod.conf.js 文件，在这个文件里面有一个plugins 这个是一个数组，在这个数组里面加上下面的代码就可以了： new webpack.optimize.UglifyJsPlugin({ com...

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

10-15

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

TerserWebpackPlugin 去掉 console.log

全栈小菜鸟

12-29

1345

TerserWebpackPlugin 是 Webpack5+ 用来压缩 js 的，很多时候我们开发环境有很多的console.log、debugger 等用来调试的信息。这些信息肯定不能出现打包后的文件，幸运的是 TerserWebpackPlugin 提供了配置帮我们可以去掉 ...

WebPack打包优化

qq_42717015的博客

04-06

1258

webpack打包优化，一篇文章完美告别不会打包配置！

vue项目webpack打包时候去掉console.log等配置

sinat_32017511的博客

04-16

1万+

一、前言： 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,请看下...

webpack高级配置

gogo2027的博客

10-18

307

举个例子首先 webpack.config.js配置/**在固定 a.js 用esm导出，b.js用commonjs导出不变动};};webpack的本质是把多个js模块合并到一个js中，即一个入口得到一个输出js文件（bundle.js）。但是导致的问题是，如果这个bundle.js文件很大，那么浏览器请求的时候，导致请求时间很长，首屏长时间白屏。所以优化手段就是把bundle.js文件拆分成多个小的js文件，同时请求，首屏当然就更快渲染显示。

使用webpack构建在不同环境下对console.*使用

Wjangia的博客

04-24

581

在我们开发项目时，不同环境对console.*的输出需求是不一样的。生成环境一般是不需要console.log的，而开发环境是需要的在开发环境中，一般我们只希望控制台输出console.log，可以使用transfrom-remove-console；在生成环境中，是不需要console.*还有debugger的，可以使用UglifyJsPlugin来做console.*和debugger的清除，减少体积

webpack打包时删除console.log

热门推荐

NEUQ_zxy的博客

01-07

2万+

开发过程中我们不可避免的需要console.log调试，然而在上线时如果不删除这些console.log可能会造成内存泄漏，因为console.log出来的变量是不会被GC的，webpack给我们提供了一个非常棒的插件，看代码： new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false,

webpack打包之后不再显示console.log信息

苗雪松的博客

02-21

5760

在webpack.prod.conf.js 文件中（35行左右）将设置修改为 new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false, drop_debugger: true, drop_console: true }, sour...

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

返璞归真

01-26

1万+

我们都知道，项目在编译打包上生产环境的时候是不能有console.log()信息打印输出的，但是我们在开发环境有时候调试代码又需要打印输出一些信息，我们也不可能在编译上线的时候把代码里面的console.log()一个一个的全部删除掉，这个时候就需要我们在配置文件里面配置一下，生产环境编译的时候自动去掉console.log()。 vue-cli2的时候是在build文件下面的webpack.p...

webpack打包时候去掉console.log配置

weixin_30852419的博客

01-25

1298

new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, drop_console: true,//console pure_funcs: ['console.log']//移除console } ...

Vue-Cli4.0 使用UglifyJsPlugin压缩代码

飞翔的小白

09-23

4260

1、安装UglifyJsPlugin： npm install UglifyJsPlugin --save -dev 2、在vue.config.js中引入： // 代码压缩 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') 3、在configureWebpack中配置： configureWebpack: { // 代码压缩 plugins: [ new UglifyJsPlugin({

js 把console.log