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

Question

我正在为 Vue.JS 网站使用这个webpack 模板。

我部署了该应用程序，它运行良好，但如果您在 Chrome 中转到开发人员工具 > 源代码，然后在 webpack:// 下，您可以看到组件和整个代码。有没有办法摆脱它？或者如果您使用 webpack，这是否很常见？

谢谢你。

Answer 1

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

module.exports = {
    productionSourceMap: false,
}

Answer 2

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

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

并且为了跳过源映射生成更改productionSourceMap为false：

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

  build: {

    (...)

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

    (...)
  }
}