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

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

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

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

module.exports = {

devtool: 'inline-source-map'

};

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

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


相关推荐
叫我詹躲躲1 分钟前
开发提速?Vue3模板隐藏技巧来了
前端·vue.js·ai编程
华仔啊1 分钟前
面试都被问懵了?CSS 的 flex:1 和 flex:auto 真不是一回事!90%的人都搞错了
前端·javascript
前端康师傅3 分钟前
JavaScript 函数详解
前端·javascript
金金金__6 分钟前
antd v5 support React is 16 ~ 18. see https://u.ant.design/v5-for-19 for...
前端
会豪7 分钟前
工业仿真(simulation)--前端(二)-资源管理器
前端
@小红花1 小时前
从0到1学习Vue框架Day03
前端·javascript·vue.js·学习·ecmascript
前端与小赵1 小时前
vue3中 ref() 和 reactive() 的区别
前端·javascript·vue.js
魔云连洲1 小时前
Vue的响应式底层原理:Proxy vs defineProperty
前端·javascript·vue.js
专注VB编程开发20年1 小时前
CSS定义网格的列模板grid-template-columns什么意思,为什么要用这么复杂的单词
前端·css
IT_陈寒1 小时前
Redis性能提升50%的7个关键优化策略,90%开发者都不知道第5点!
前端·人工智能·后端