代码之家  ›  专栏  ›  技术社区  ›  Bertie92

如何从浏览器中的源中删除webpack://

  •  13
  • Bertie92  · 技术社区  · 7 年前

    我正在使用 this Vue的网页包模板。JS网站。

    我部署了该应用程序,效果很好,但如果您使用开发人员工具>在Chrome中的Sources,然后在webpack://you可以看到组件和整个代码。有没有办法摆脱它?或者,如果您使用webpack,这是否正常?

    非常感谢。

    2 回复  |  直到 7 年前
        1
  •  18
  •   yuriy636    2 年前

    如果您使用的是vue cli并具有vue。配置。js文件,然后您可以像这样简单地添加它

    module.exports = {
        productionSourceMap: false,
    }
    
        2
  •  17
  •   yuriy636    2 年前

    那是因为webpack生成 source maps 其中显示了原始源代码和结构。

    对于Web包模板,您应该查找 config/index.js 文件

    为了跳过源地图生成更改 productionSourceMap false :

    module.exports = {
      dev: {
        (...)
      },
    
      build: {
      
        (...)
    
        productionSourceMap: false,
        // https://webpack.js.org/configuration/devtool/#production
        devtool: '#source-map',
    
        (...)
      }
    }