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

最新推荐文章于 2023-09-04 16:22:03 发布
最新推荐文章于 2023-09-04 16:22:03 发布
阅读量333 收藏
点赞数
分类专栏： js vue html5 文章标签： javascript vue.js es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JSN___/article/details/104919810
版权
js 同时被 3 个专栏收录
75 篇文章 0 订阅
订阅专栏
vue
49 篇文章 0 订阅
订阅专栏
html5
13 篇文章 0 订阅
订阅专栏

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

在webpack.prod.conf.js 文件中（35行左右）将设置修改为

new UglifyJsPlugin({
  uglifyOptions: {
    compress: {
      warnings: false,
      drop_debugger: true,
      drop_console: true
    }
  },
  sourceMap: config.build.productionSourceMap,
  parallel: true
})
JSN___不像码农的码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue Cli3 打包配置并自动忽略console.log语句的方法
11-21
在 vue.config.js 引入使用 const UglifyJsPlugin = require('uglifyjs-webpack-plugin') module.exports = { configureWebpack: { plugins: [ new UglifyJsPlugin({ uglifyOptions: { compress: { drop_...
vuecli3+webpack4优化实践（删除console.log和配置dllPlugin）
weixin_33966365的博客
03-10 6672
本文主要介绍如何在vuecli3生成的项目中，打包输出时删除console.log和使用dllplugin，并记录了配置过程中踩到的坑。 （本人水平有限～希望大家多多指出有误的地方） 一、生产环境中删除console.log 在开发代码中写的console.log，可以通过配置webpack4中的terser-webpack-plugin插件达成目的，compress参数配置如下: module....
【前端】webpack打包去除console.log
最新发布
RogerQianpeng的博客
09-04 2924
需要在打包的时候，自动地去除掉所有console.log。
webpack4使用TerserPlugin去除log不生效
weixin_44397261的博客
08-21 1250
devtool要注释掉！！！ 具体原因以后探讨
webpack4配置删除注释&&console.log
Unrequited66的博客
09-03 2967
前言 对于webpack4中如何配置删除注释和删除console.log，搜索了大量的文章，大多数都是讲的都是使用webpack.optimize.UglifyJsPlugin或者是uglify-webpack-plugin，但实际操作的时候，会掉进很多坑，前者的使用方法，webpack内置方法已经移除该方法了，后者是因为UglifyJS不支持ES6语法，而且在webpack官网中已经找不到该插件了(建议看英文官网，中文官网坑多，文件更新不及时) 正确配置 需用到的插件terser-webpack-plug
terser-webpack-plugin的使用:删除注释和console
qq_37899792的博客
08-11 4367
场景：扫描漏洞的时候，nodel_modules中有的插件的版本注释会视为漏洞，需要删除这些注释注意：webpack4中用到terser-webpack-plugin压缩插件，不能使用最新的版本，而是terser-webpack[email protected]版本；webpack5对应的使用terser-webpack[email protected]版本，否则会报错误：Error: TypeError: Cannot read property ‘javascript‘ of undefined。...
在vue中使用console.log无效的解决
11-20
webpack开发环境下，在vue中使用console.log无效，一直以为webpack出了问题。 使用window.console.log()就能够顺利在浏览器控制台输出了。 以及 在axios请求的回调中依旧无法输出使用window.console.log()/console....
vue 解决uglifyjs-webpack-plugin打包出现报错的问题
11-20
楼主最新对已做项目进行打包优化，配置了打包环境下去除console.log语句插件—使用uglifyjs-webpack-plugin 具体代码如下 npm install uglifyjs-webpack-plugin -D const UglifyJsPlugin = require('uglifyjs-...
vue-cli-webpack:从零开始搭Vue项目
05-09
vue-cli-webpack 从零开始搭Vue项目，主要是想脱离对脚手架全家桶的依赖，以及从中深入学习一点webpack相关的知识，不要每次打开package.json以及webpack的配置文件都一脸懵逼。 新建项目 ...console.log
Webpack+Vue如何导入Jquery和Jquery的第三方插件
01-21
console.log($); window.$ = $; window.jQuery = $; export default $; 导入JQuery，并赋值给window对象，使其成为一个全局变量。 在vue组件做如下引用 import $ from './assets/jquery-v'; import 'bootstrap-...
webpack-clear-console:用于清理控制台的Webpack插件
03-09
webpack删除控制台 Webpack-remove-console插件通过在捆绑过程中替换控制台功能来清除控制台。 注意：支持Webpack4和Webpack5 安装 该插件可通过npm获得： npm install --save-dev webpack-remove-console # or yarn add -d webpack-remove-console 用法 var WebpackRemoveConsole = require ( "webpack-remove-console" ) ; module . exports = { plugins : [ new WebpackRemoveConsole ( ) ; ] }
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
技术前端，忠于热爱 @回忆哆啦没有A梦
03-03 873
webpack优化，使用terser-webpack-plugin插件，删除代码中所有的console语句
VUE项目使用WebPack打包删除注释和console、debugger插件集成
铁蛋的博客
11-16 4515
简介 使用的组件是【uglifyjs-webpack-plugin】。 第一步 在package.json中增加依赖。 "devDependencies": { "uglifyjs-webpack-plugin": "^1.3.0" } 增加依赖后，需要npm安装一下 cnpm install -all 第二步 在vue.config.js中增加代码。 （1）先引入插件。 const UglifyJsPlugin = require("uglifyjs-webpack-plugin"); /
利用 terser-webpack-plugin 去除生产包中的console
weixin_42353499的博客
02-08 3514
使用terser-webpack-plugin去除代码中的console.log
如何在Webpack4中添加插件自动去掉console
CF西西的专栏
04-26 8628
在原来webpack4之前，大家的主流做法是通过webpack的混淆配置来实现 new webpack.optimize.UglifyJsPlugin({ // Eliminate comments comments: false, // Compression specific options compress: { //...
vue测试环境搭建
renchaoqiong
03-12 247
WechatIMG4.jpeg 温馨提示：所有需要更改的地方加上了注释// here 在build文件夹下 复制一份build.js && 重命名为build-test.js 在build-test.js文件下更改如下 'use strict' require('./check-versions')() process.env.NODE_ENV =...
webpack打包时删除console.log
热门推荐
NEUQ_zxy的博客
01-07 2万+
开发过程中我们不可避免的需要console.log调试，然而在上线时如果不删除这些console.log可能会造成内存泄漏，因为console.log出来的变量是不会被GC的，webpack给我们提供了一个非常棒的插件，看代码： new webpack.optimize.UglifyJsPlugin({ compress: { warnings: false,
VUE项目webpack打包时候去掉console.log配置
杨飞@益术
04-12 2693
new UglifyJsPlugin({ uglifyOptions: { compress: { warnings: false, pure_funcs: ['console.log'] } }, sourceMap: config.build.productionSourceMap, parallel: true }),
vue打包去除console.log
03-16
可以在打包的时候使用插件来去除console.log，比如使用uglifyjs-webpack-plugin插件，配置如下： 1. 安装插件 ``` npm install uglifyjs-webpack-plugin --save-dev ``` 2. 在webpack.config.js中引入插件 ``` ...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值