vue3在浏览器source中打断点

浏览器source文件都是压缩过的，不能在浏览器上打断点
需要自己配置让浏览器source显示全部代码
1.在根目录上添加一个叫vue.config.js的文件
2.vue.cong.js 内容

module.exports = {
  // 放置静态资源的地方 (js/css/img/font/...)
  assetsDir: 'static',

  // 是否为生产环境构建生成 source map？
  productionSourceMap: false,

  configureWebpack: {
    devtool: 'source-map', // 配置本地调试
    module: {}
  },
  // 配置less
  // chainWebpack: config => {
  //   const types = ['vue-modules', 'vue', 'normal-modules', 'normal']
  //   types.forEach(type => addStyleResource(config.module.rule('less').oneOf(type)))
  // },
  // 配置 webpack-dev-server 行为。
  devServer: {
    open: true
  }
}