vue打包的dist文件不显示debugger按钮

vue打包的dist文件有时会显示debugger按钮

如图：

1、解决方法
在vue.config.js文件中的chainWebpack(config) 函数中添加以下语句：

    config.optimization.minimizer[0].options.terserOptions.compress.warnings = false
    config.optimization.minimizer[0].options.terserOptions.compress.drop_console = false
    config.optimization.minimizer[0].options.terserOptions.compress.drop_debugger = false
    config.optimization.minimizer[0].options.terserOptions.compress.pure_funcs = ['console.log']

然后重新启动vue项目即可。

后记

【后记】为了让大家能够轻松学编程，我创建了一个公众号【轻松学编程】，里面有让你快速学会编程的文章，当然也有一些干货提高你的编程水平，也有一些编程项目适合做一些课程设计等课题。

也可加我微信【1257309054】，拉你进群，大家一起交流学习。
如果文章对您有帮助，请我喝杯咖啡吧！

公众号

关注我，我们一起成长~~