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

Question

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

但这是我的问题：

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

如何禁用它？

通过方式禁用源地图，并且dist文件夹中没有.map文件。

谢谢：）

Answer 1

只需签出Vue cli docs：

  

productionSourceMap类型：布尔值

     

默认值：true

     

将此设置为false可以在不需要时加快生产速度   生产的原始地图。

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

module.exports = {
  productionSourceMap: false
};

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

Answer 2

如果已从头开始配置webpack，则可以通过在webpack生产文件中删除或注释来删除它 devtool选项

tools / webpack.prod.js

    module.exports = merge(common, {
      // devtool: "source-map",
      mode: "production",
      ...
    });