
前端架构
文章平均质量分 60
开心大表哥
高级前端开发进阶版
展开
-
从零到一快速开发一套前端质量/错误监控系统,webpack打包时sourceMap收集及上传到后台,后台nodejs+express反向解析线上报错代码,定位到源码中报错的位置然后给出提示
项目介绍1.前端质量/报错监控系统整体思路实现逻辑2.开发一个webpack plugin插件收集使用者的sourcemap到云端3.使用者初始化报错系统的sdk,然后运行,报错时收集错误上报云端4.云端根据收集到的报错信息及之前拿到的sourcemap进行解析,确认报错位置下面是一个比较完整的流程图,我demo项目中还没有这么完善,但是有了一个整体的构架,主要目的是用于学习代码仓库:https://github.com/adminadmin1234/deep-study-webpack/tr原创 2022-04-13 22:23:51 · 847 阅读 · 3 评论 -
vue-cli4.0+nodejs多个项目共用组件动态打包单个项目
前言:公司经常会有一些活动,为了配合活动开发人员需要开发一些h5页面来配合活动,刚开始活动不多,所有活动页面都放在一个项目目录下,webpack共用一个固定打包入口,对路由(vue-router)和状态管理(vuex)进行模块划分,不同的活动页面通过不同的路由路径来加载。随着活动项目增多,页面也越来越多,问题就就出现了,比如打包projectA,webpack也会把projectB,proje...原创 2019-12-21 21:28:07 · 3146 阅读 · 1 评论