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

Question

我正在将这个 webpack模板用于Vue.JS网站。

我已经部署了该应用程序，并且运行良好，但是如果您转到开发人员工具> Chrome中的源代码，则可以在webpack：//下看到组件和整个代码。有办法摆脱它吗？还是使用webpack会这样？

谢谢。

Answer 1

如果你正在使用 vue-cli 并且有一个 vue.config,js 文件，那么你可以简单地像这样添加它

module.exports = {
    productionSourceMap: false,
}

Answer 2

这是因为webpack会生成显示原始源代码和结构的源映射。

对于webpack模板，您正在寻找config/index.js文件，

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

module.exports = {
  dev: {
    (...)
  },

  build: {

    (...)

    productionSourceMap: false,
    // https://webpack.js.org/configuration/devtool/#production
    devtool: '#source-map',

    (...)
  }
}