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

Question

我正在处理 Vue.js 项目和所有文件由生成webpack 在开发和生产模式。

但这是我的问题:

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

我怎么能禁用它？

顺便说一下，源映射被禁用，我在 dist 文件夹中没有 .map 文件。


谢谢你 :)

Answer 1

只需查看 Vue cli docs :

productionSourceMap Type: boolean

Default: true

Setting this to false can speed up production builds if you don't need source maps for production.

所以在你的 webpack 配置中你写:

module.exports = {
  productionSourceMap: false
};

如果您的 vue.config.js负责您的 webpack 配置的不存在，您可以创建它。