基於vue-cli3的打包配置

目錄

問題

解決方案

---

問題

npm run build打生產環境的包，但是放到環境上後，發現打斷點時，有的行無法打斷點，如下

206行無法打上斷點，會強制跳轉到209行，但npm run serve時，就不會出現這樣的情況

解決方案

在vue.config.js中，加上以下代碼

參考文檔：https://webpack.docschina.org/configuration/devtool/#devtool

module.exports = {
  configureWebpack: config => {
    // console.log( config.devtool);
    config.devtool = 'cheap-module-eval-source-map'
  }
}

打包後重新部署，就可以正常打斷點了