基于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'
  }
}

打包后重新部署，就可以正常打断点了