source-map

介绍: source-map 是一种提供源代码到构建后代码映射技术 (如果构建代码出错了, 通过映射可以追踪到源代码错误)

开启source-map

  1. // 只需要在wbepack.config.js 配置中加上 devtool: source-map
  2. module.exports = {
  3. // 一般使用这个
  4. devtool: 'eval-cheap-module-source-map',
  5. }
  • eval : 速度快
  • cheap :
  • module : 调试更好
  • source-map 必须

在webpack 配置中,开发环境 和 生产环境 配置不同的 source-map
image.png