Vue.js 如何使用JS Quasar框架从构建中删除console.log？

我正在为那些不熟悉的人尝试类星体框架，它基于Vue，并且进展顺利。但是，我尝试运行了一个构建npm运行构建并得到了重复：

错误：意外的控制台语句没有控制台

。。。因此构建失败，因为它看到console.log。。。他不高兴。我的选择：

不要在开发中使用console.log。但它很方便。 注释掉可能强制执行该规则的eslint规则，以便让console.log进入生产环境。但这对性能/安全性来说并不理想。 让生成自动删除任何console.log。这就是我想要的。 但是怎么做呢

我看了一下构建，它提到在内部使用webpack和UglifyJS。有鉴于此，我在一个常规Vue/webpack项目中找到了删除console.log的答案：

。。。但如果是这样的话，既然没有网页配置文件，那么在Quasar中这又是怎么回事呢？我想象在quasar.conf.js文件中，因为我看到了一行“extendWebpack”，听起来很有希望。还是有更好的方法？当使用Quasar时，其他人如何在生产环境中删除console.log？或者不用它来处理日志记录

谢谢

quasar.conf.js：

module.exports=函数ctx{ 返回{ ... 建造：{ ... 丑陋选项：{ 压缩：{drop_console:true} } }, } } 上述操作将导致使用以下内容配置terser插件：

三种选择：{ 压缩：{ ... drop_控制台：true },

您可以看到使用quasar inspect-c build-p optimization.minimizer生成的配置

您还需要删除eslint规则以避免生成错误，请参阅

注: 如果您想直接配置网页包，请使用：

quasar.conf.js：

module.exports=函数ctx{ 返回{ ... 建造：{ ... 链包装链{ chain.optimization.minimizer'js'.tapargs=>{ args[0]。terserOptions.compress.drop\u console=true 返回参数 } } }, } } 它将执行与上面相同的操作

看

及

quasar.conf.js：

module.exports=函数ctx{ 返回{ ... 建造：{ ... 丑陋选项：{ 压缩：{drop_console:true} } }, } } 上述操作将导致使用以下内容配置terser插件：

三种选择：{ 压缩：{ ... drop_控制台：true },

您可以看到使用quasar inspect-c build-p optimization.minimizer生成的配置

您还需要删除eslint规则以避免生成错误，请参阅

注: 如果您想直接配置网页包，请使用：

quasar.conf.js：

module.exports=函数ctx{ 返回{ ... 建造：{ ... 链包装链{ chain.optimization.minimizer'js'.tapargs=>{ args[0]。terserOptions.compress.drop\u console=true 返回参数 } } }, } } 它将执行与上面相同的操作

看

及

---

1在Vue的项目中编辑package.json，它是以前创建的

2然后查找规则：{}

3更改此规则：{无控制台：0}

---

4如果您打开、关闭Vue服务器，然后再次运行它。那么问题就解决了。

1在Vue的项目中编辑package.json之前创建的包

2然后查找规则：{}

3更改此规则：{无控制台：0}

---

4如果你打开Vue服务器，关闭它，然后再次运行它。那么问题就解决了。

@RobertNiestroj谢谢。我在询问之前也找到了该页面，但它也使用了一个直接的网页包。不清楚如何与Quasar framework构建相适应，因为它没有网页包配置文件可以直接复制into@RobertNiestroj谢谢。我找到了那一页o在询问之前，但这也使用了一个直接的网页包。不清楚如何适应一个没有网页包配置文件的Quasar框架构建，以复制到Asomeous，谢谢。我明天会尝试一下，但这正是我想要的。Asomeous，谢谢。我明天会尝试一下，但这正是我想要的