Webpack5 - Source Map选择

一. Source Map 源代码地图

Source Map - 源代码地图，可解决源代码与编译后的代码不同而导致的调试困难的问题。

使用方式：

在 编译后的js文件末尾添加 引入 sourceMap 文件的注释：

//# sourceMapURL = jquery-3.1.4.min.map

二. webpack 中开启source map 生成

webpack.config.js:

module.exports = {
  // 开启 source map
  // 开发中推荐使用 'cheap-module-eval-source-map'
  // 生产打包推荐用 'none' 或 'nosources-source-map'
  devtool: 'cheap-module-eval-source-map',
}

本文 完。