首页 > 其他分享 >Source Map

Source Map

时间:2022-09-04 04:33:06浏览次数:51  
标签:map source devtool Source 行数 Map

1.什么是Source Map

  Source Map就是一个信息文件,里面储存着位置信息。也就是说Source Map文件中存储着压缩混淆后的代码,所对应的转换前的位置。

有了它,出错的时候,除错工具将直接显示原始代码,而不是转换后的代码,能够极大的方便后期的调试

  默认Source Map的问题

    开发环境默认生成的Source Map,记录的是生成后的代码位置,会导致运行时报错的行数与源代码的行数不一致的问题。

  解决默认Source Map的问题

    开发环境下,推荐在webpack.config.js中添加如下的配置,即可保证运行时报错的行数与源代码的行数保持一致:

  

module.exports = {
    mode:'development',
    //eval-source-map 仅限在‘开发模式’下使用,不建议在‘生成模式’下使用
    //此选项生成的Source Map能够保证”运行时报错的行数“与:源代码的行数”保持一致
    devtool:'eval-source-map',
    //省略其它配置项
}

  webpack生产环境下的Source Map

  在生产环境下,如果省略了devtool 选项,则最终生成的文件中不包含Source Map,这能够防止原始代码通过Source Map的形式暴露给别有所图之人。

  只定位行数,不暴露源码

    //建议开发环境使用   devtool:'eval-source-map',     //只定位行号,不显示代码,建议正式环境使用,或直接不使用     devtool:'nosoures-source-map', 4.sourceMap的最佳实践   1.开发环境下:     建议把devtool的值设置为eval-source-map     好处:可以精准定位到具体的错误行   2.生产环境下:     建议关闭Source Map 或将devtool的值设置为nosources-source-map     好处:防止源码泄露,提高网站的安全性  

标签:map,source,devtool,Source,行数,Map
From: https://www.cnblogs.com/funkyd/p/16654179.html

相关文章

  • map 和 forEach 的区别?
    map和forEach的区别:map有返回值,可以开辟新空间,return出来一个length和原数组一致的数组,即便数组元素是undefined或者是null。forEach默认无返回值,返回结果为un......
  • COCO 目标检测 mAP AR等指标的计算
    ARAveragePrecision(AP)usedforObjectDetectionmAP=meanAP(perclass)https://kharshit.github.io/blog/2019/09/20/evaluation-metrics-for-object-detecti......
  • centos /dev/mapper/cl-root 100% 解决方法
    centos/dev/mapper/cl-root100%解决方法-青木天阁-博客园 https://www.cnblogs.com/elizwy/p/7722898.html本来是要在虚拟机上安装grpc进行测试的,结果发现gradle......
  • mapper接口和xml文件都么有问题,但是查询不出数据
    mapper接口和xml文件都么有问题,但是查询不出数据在开发的时候遇到mapper.接口及xml文件都没有问题,控制台输出sql及参数也是正常的,但是total数据是0,那么看一下项目当前......
  • map_set使用说明
    map_set使用说明map的底层结构大致是一个哈希表,set的底层结构大致是一个红黑树 不代表全部! set#include"map_set.h"//set的底层结构大致是一个红黑树不代表全部......
  • 8.容器功能-ImportResource-原生配置文件引入
    在xml配置文件中配置的bean在springboot中是无法正常使用的,因为用的不是这个方法了ApplicationContextctx=newClassPathXmlApplicationContext("bean.xml");在springb......
  • mybatis-plus-generator 配置不生成 entity, controller, mapper 等
    3.5.2版本有需求不生成controller于是baidu发现如下方法.templateConfig(builder->builder.controller(""))配置后确实不生成controller 又有需求不生成entit......
  • 【基础整理】Mapping representation 机器人所用地图种类及相关介绍
    参考与前言本文主要介绍建图Mapping方面的一些基础知识介绍与相关下游任务使用涉及知识较为基础,SLAM大佬们可以提前退出了主要针对应用为移动机器人与物流无人驾驶......
  • tkMapper
    一、DAO层的实现的规律实体类与数据表存在对应关系,并且是有规律的——只要知道了数据表的结构,就能够生成实体类;所有实体的DAO接口中定义的方法也是有规律的,不同点就......
  • C#|Map (Dictionary)的用法
    在C#中想要使用Map时,发现没有Map,但是有替代方案,就是使用Dictionary。Dictionary<string,string>hashMap=newDictionary<string,string>();说明:必须包含名......