vue打包后生成map文件调试

在 Vue 3 中，打包时可以使用 vue-cli-service 命令进行构建，通过 --source-map 选项来生成 .map 映射文件。

例如，在 package.json 中配置以下脚本：

{
  "scripts": {
    "build": "vue-cli-service build --source-map"
  }
}

执行 npm run build 命令即可生成 .map 映射文件。

如果需要更细粒度地控制 .map 文件的生成方式，可以在 vue.config.js 中配置 configureWebpack 选项，具体代码如下：

// vue.config.js

module.exports = {
  configureWebpack: {
    devtool: 'source-map'
  }
}

其中，devtool 选项指定了生成 .map 文件的方式，'source-map' 表示生成独立的 .map 文件。其他可选值包括 'cheap-source-map'、'eval-source-map' 等，具体说明请参考 Webpack 官方文档。

需要注意的是，生成 .map 文件会增加构建时间和包大小，因此建议只在开发环境中开启该选项。在生产环境中，可以将 .map 文件禁用，以减少包大小和提高安全性。