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

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

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

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

module.exports = {

devtool: 'inline-source-map'

};

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

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


相关推荐
谢尔登10 分钟前
【GitLab/CD】前端 CD
前端·gitlab
ruanCat12 分钟前
在使用 changeset 时,如何在更新底部依赖时,触发上层依赖更新
前端·github
wendao12 分钟前
我开发了个极简的LLM提供商编辑器
前端·react.js·llm
烟袅17 分钟前
从一行代码说起:深入理解 JavaScript 中的字符串类型与模板字符串
前端·javascript·代码规范
慢知行20 分钟前
从 0 到 1 搭建 Vite+Vue3+TS 工程模板:能上手操作的指南
前端·vue.js·typescript
咖啡の猫22 分钟前
Vue解决开发环境 Ajax 跨域问题
前端·vue.js·ajax
盼哥PyAI实验室27 分钟前
纯前端打造个人成长网站:零后端、零部署、零服务器的实践分享
运维·服务器·前端·javascript·echarts·个人开发
nppe629 分钟前
NestJs 从入门到实战项目笔记
前端·后端
景彡先生37 分钟前
Python Flask详解:从入门到实战,轻量级Web框架的魅力
前端·python·flask
qq_4203620338 分钟前
AI在前端工作中的应用
前端·人工智能·sse