webpack解决开发环境代码调试的问题-source-map

soure-map是什么?

一种提供源代码到构建后代码的映射关系的技术。
(如果构建后代码出错了,通过映射关系可以追踪到源代码的错误,从而去更改源代码,易于调试。)

怎么用?

devtool:'source-map',
使用webpack命令打包后,会在build文件下生成一个.source-map文件。

常见的几种source-map类型

source-map:外部

  1. inline-source-map:内联
    1。只生成一个内联的source-map
  2. hidden-source-map:外部
  3. eval-source-map:内联
    1。每一个文件都生成对应的source-map.都在eval函数中。sourceURL。
    内联和外部的区别:
    外部生成了文件,内联没有。
    内联构建速度更快。
  4. nosources-source-map:外部
  5. cheap-source-map:外部
  6. cheap-module-source-map:外部
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。