13 —— 开发环境调错-source map

问题:代码被压缩后,无法正确定位源代码的位置(行数和列数)

source map:准确追踪error和warning在原始代码的位置

------ webpack.config.js配置devtool选项

module.exports = {

devtool: 'inline-source-map'

};

inline-source-map选项:把源码的位置信息一起打包在js文件中

▲ source map仅适用于开发环境;不能在生产环境中使用(防止被轻易查看源码的位置)


相关推荐
生椰拿铁You1 分钟前
11 —— 打包模式的应用
前端
Want5955 分钟前
HTML飞舞的爱心
前端·html
Hong.194813 分钟前
vue本地调试设置虚拟域名
前端·javascript·vue.js
童欧巴13 分钟前
技术周刊 | 2024 前端趋势解读
前端·javascript·aigc
vvw&32 分钟前
使用同一个链接,如何实现PC打开是web应用,手机打开是一个H5应用
开发语言·前端·javascript·智能手机·面试题·每日一道前端面试题
LKID体44 分钟前
【python图解】数据结构之字典和集合
java·服务器·前端
IT-sec1 小时前
jquery-picture-cut 任意文件上传(CVE-2018-9208)
android·前端·javascript·安全·web安全·网络安全·jquery
Rverdoser1 小时前
html渲染优先级
前端·html
惜.己2 小时前
Jmeter中的配置原件
java·前端·数据库
家有狸花2 小时前
CSS笔记(一)炉石传说卡牌设计1
前端·css·笔记