Debugger for Chrome 中断点位置不对怎么调整

创建 vue.config.js

 

我的配置是

const Timestamp = new Date().getTime() // 时间戳
const MiniCssExtractPlugin = require('mini-css-extract-plugin')
module.exports = {
  configureWebpack: { // webpack 配置
    output: { // 输出重构  打包编译后的 文件名称  【模块名称.时间戳】
      filename: `js/[name].${Timestamp}.js`
      // chunkFilename: `js/[name].${Timestamp}.js`
    },
    devtool: 'source-map',
    plugins: [
      new MiniCssExtractPlugin({
        // 修改打包后css文件名
        filename: `css/[name].${Timestamp}.css`
        // chunkFilename: `css/[name].${Timestamp}.css`
      })
    ]
  }
  // devServer: {
  //   port: 8099 // 指定端口
  // }
}

最关键是加上这一行代码

devtool: 'source-map',