技术栈

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

生椰拿铁You2024-11-26 16:54

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

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

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

module.exports = {

devtool: 'inline-source-map'

};

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

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


上一篇:vscode调试的launch.json配置字段
下一篇:15 —— Webpack中的优化——前端项目使用CDN技术
相关推荐
行走的陀螺仪
17 分钟前
GitLab CI/CD 完整教学指南
前端·ci/cd·gitlab·团队开发·自动化测试部署
谢尔登
29 分钟前
Webpack高级之常用配置项
前端·webpack·node.js
helloyangkl
33 分钟前
前端——不同环境下配置env
前端·javascript·react.js
竹秋…
35 分钟前
webpack搭建react开发环境
前端·react.js·webpack
以明志、
40 分钟前
并行与并发
前端·数据库·c#
提笔了无痕
40 分钟前
go web开发表单知识及表单处理详解
前端·后端·golang·web
甜味弥漫
1 小时前
JavaScript新手必看系列之预编译
前端·javascript
小哀2
1 小时前
🌸 入职写了一个月全栈next.js 感想
前端·后端·ai编程
用户01026927186
1 小时前
swift的inout的用法
前端
用户660067668539
1 小时前
搞懂作用域链与闭包:JS底层逻辑变简单
前端·javascript
热门推荐
01GitHub 镜像站点02BongoCat - 跨平台键盘猫动画工具03UV安装并设置国内源04【保姆级教程】免费使用Gemini3的5种方法!免翻墙/国内直连05Linux下V2Ray安装配置指南06安娜的档案(Anna’s Archive) 镜像网站/国内最新可访问入口(持续更新)07全球最强模型Grok4,国内已可免费使用!(附教程)08“我的电脑”图标没了怎么办 4种方法找回09KGG转MP3工具|非KGM文件|解密音频1046个Nano-banana 精选提示词,持续更新中