如何在生产Vue.js中禁用源映射或调试模式-Webpack

Question

我正在研究Vue.js项目，并且所有文件都是由webpack在开发和生产模式下生成的。

但是这是我的问题：

检查元素时，可以在devtools中看到我的vue组件。

我如何禁用它？

顺便说一句，源地图被禁用，我在dist文件夹中没有.map文件。

谢谢 ：）

Answer 1

只需签出Vue cli文档：

productionSourceMap类型：布尔值

默认值：true

如果不需要用于生产的源映射，则将其设置为false可以加快生产速度。

因此，在您的webpack配置中，您可以编写：

module.exports = {
  productionSourceMap: false
};

如果vue.config.js不存在负责Webpack配置的用户，则可以创建它。