webpack 打包去掉控制台的console.log()

很多时候测试的时候,我们为了方便找bug,会在代码之间穿插着console.log(),来在页面控制台进行打印,寻找问题的出处。但项目在打包的时候有时会全去掉,但那样又会遗漏几个。这样如果让用户看到的话,感觉不太好,假如包含重要信息,岂不是更不好。但要是真的去掉了,以后再一个一个加,去找问题出处,可能有些麻烦,这样的话,webpack打包时的一段配置就会帮你解决这个问题。抛出解决方案。
如果项目中没有加载图片中的这行代码。


webpack.pro.js.png

则需要npm 下面这行代码

  npm i -D uglifyjs-webpack-plugin
webpack.prod.conf.js

随后在webpack.prod.conf.js文件中添加如下这行代码。
最后运行 npm run build 即可

本文对应插件地址推荐:https://www.npmjs.com/package/uglifyjs-webpack-plugin

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • GitChat技术杂谈 前言 本文较长,为了节省你的阅读时间,在文前列写作思路如下: 什么是 webpack,它要...
    萧玄辞阅读 14,334评论 7 110
  • 版权声明:本文为博主原创文章,未经博主允许不得转载。 webpack介绍和使用 一、webpack介绍 1、由来 ...
    it筱竹阅读 13,849评论 0 21
  • webpack 介绍 webpack 是什么 为什么引入新的打包工具 webpack 核心思想 webpack 安...
    yxsGert阅读 11,547评论 2 71
  • 写在开头 先说说为什么要写这篇文章, 最初的原因是组里的小朋友们看了webpack文档后, 表情都是这样的: (摘...
    Lefter阅读 10,685评论 4 31
  • 家是什么?社会学家的说是社会的最小细胞;婚姻学家说家是风雨相依的两人世界;文学家说是宝盖下面养着一群猪。究竟什么是...
    喜欢诗词的女孩阅读 5,389评论 0 0