Как удалить webpack:// из источников в браузере

Question

Я использую этот шаблон веб-пакета для веб-сайта Vue.JS.

Я развернул приложение, и оно работает хорошо, но если вы перейдете в раздел Инструменты разработчика> Источники в Chrome, то в разделе webpack:// вы можете увидеть компоненты и весь код. Есть ли способ избавиться от этого? Или это нормально, если вы используете веб-пакет?

Спасибо.

Answer 1

Это потому, что webpack генерирует исходные карты, которые показывают оригинальный исходный код и структуру.

Для шаблона веб-пакета вы ищете config/index.js файл,

и для того, чтобы пропустить изменение генерации карты источника productionSourceMap в false:

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

  build: {

    (...)

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

    (...)
  }
}

Answer 2

Если вы используете vue-cli и имеете файл vue.config,js, то вы можете просто добавить его вот так

module.exports = {
    productionSourceMap: false,
}