webpack打包去掉注释,vue webpack 打包

  webpack打包去掉注释,vue webpack 打包

  本文主要介绍了Vue项目WebPack包删除注释和控制台,有很好的参考价值,希望对大家有所帮助。如有错误或不足之处,请不吝赐教。

  

目录

   WebPack包删除注释和控制台pm运行构建包删除控制台和警告。

  

WebPack打包删除注释和console

  项目中使用了jspdf插件,webpack打包后它存在于注释中。

  让领导删了,所以用插件。

  cnpm安装uglifyjs-webpack-plugin -D

  在vue.config.js中添加配置

  constuglifyjsplugin=require( uglifyjs-web pack-plugin )//介绍插件

  模块.导出={

  configureWebpack: {

  优化:{

  最小化:[

  新的UglifyJsPlugin({

  丑陋选项:{

  //删除注释

  输出:{

  评论:错误

  },

  //删除控制台调试器删除警告

  压缩:{

  drop_console: true,//console

  drop_debugger: false,

  Pure_funcs: [console.log] //删除控制台

  }

  }

  })

  ]

  }

  }

  }

  

npm run build打包去掉console和警告

  在本地开发环境下,有些数据肯定会被打印出来,但是如果上传到正规环境下,这些肯定就不能再用了,但是又不能一行一行的注释掉,很麻烦。所以vue在配置的时候其实是有这个配置的,只是需要你自己在配置文件里修改,这样你的开发II就可以偷懒了。

  先说这个配置。其实就是两行代码而已。

  在build下的webpack.prod.conf.js中找到它,并将其添加到这里。

  drop_console:真的,

  pure_funcs: [console.log]

  这两句话可以完美解决。

  以上个人经历,希望能给大家一个参考,也希望大家多多支持我们。

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: