前端错误监控

最新推荐文章于 2024-03-29 21:44:55 发布

ii窝窝头

最新推荐文章于 2024-03-29 21:44:55 发布

阅读量106

点赞数

文章标签： javascript 开发语言 ecmascript

本文链接：https://blog.csdn.net/weixin_40902181/article/details/127693158

版权

1. 线上bug定位，生产环境是压缩的代码无法查看源码
devtool：‘nosource-source-map’ 只会将代码定位到多少行，不会跳转源码。这样就会提高代码的安全性，避免遭到攻击。
devtool:'source-map' 在外部生成一个map文件
config.devtool = process.env.NODE_ENV === 'dev' ? 'source-map' : ‘nosource--source-map’

本地找到代码行，git blame -L <range> <file> git blame -L 10,100 .env.hecs 找到commit记录，责任到人，处理问题。
定位问题版本，window暴露package.json version字段打印出代码版本/分支名称/编译时间/

git-revision-webpack-plugin插件获取git版本，分支，commit信息

const GitRevisionPlugin = require('git-revision-webpack-plugin');
const gitRevision = new GitRevisionPlugin();
gitRevision.version()
gitRevision.commithash()
gitRevision.branch()

function getVersion(){
    const version = `版 本 号：${packageInfo.version}    【ArcGIS API for JavaScript 版本：${packageInfo?.dependencies?.['@c_arcgis/core'] || packageInfo?.dependencies?.['@arcgis/core']}】`;
    const dateTime = `编译日期：${moment().format('YYYY-MM-DD HH:mm:ss')}`;
    console.log(`%c${description} %c${projectName}
}
添加全局方法，只需要在控制台运行该方法就能获取到所有版本信息和git分支信息