webpack - source map使用sourcemap是在开发或者生成环境中，方便调试，比如定位报错信息设置s

使用sourcemap是在开发或者生成环境中，方便调试，比如定位报错信息

设置sourcemap，devtool有很多个值可以设置，选择一种 source map 风格来增强调试过程。不同的值会明显影响到构建(build)和重新构建(rebuild)的速度。

devtool: "source-map"

生成完整的source map 文件

// webpack.config.js

const path = require("path");

module.exports = {
  mode: "development",
  devtool: "source-map", 
  entry: "./src/main.js",
  output: {
    path: path.resolve(__dirname, "./build"),
    filename: "bundle.js",
    clean: true,
  },
};

转换后的代码最后一行加注释，指向sourcemap, 如：//# sourceMappingURL=bundle.js.map 浏览器根据注释，查找sourcemap,并且根据sourcemap还原代码，方便调试，浏览器设置中performance里面的source里面的enable javascript source maps 要打开，默认打开的