在 vue.config.js 文件中的 configureWebpack 里添加 source-map 配置

Vue CLI 的配置文件 `vue.config.js` 中，`configureWebpack` 函数允许你在 webpack 配置对象上进行自定义。如果你想要添加 source map（源码映射）配置，主要是为了便于开发者工具能够更好地追踪代码到原始源文件，可以这样做：

module.exports = {
  configureWebpack: (config) => {
    // 如果你想在整个构建过程中都开启 source maps，可以在 dev 和 production 都设置
    config.devtool = 'source-map';
    config.productionSourceMap = true;

    // 或者针对单个环境（例如只在开发环境中开启）
    if (process.env.NODE_ENV === 'development') {
      config.devtool = 'inline-source-map'; // 这里选择你需要的 source map 类型，如 'eval-source-map', 'cheap-module-eval-source-map'
    }
  },
};

在这个配置中，`devtool` 属性控制了开发模式下的 source map 类型，而 `productionSourceMap` 则用于设置生产模式下是否启用 source map。