cala54274

对于微前端，阿里基于sing-spa 实现 微前端框架 —— qiankun 一直是一个很火的存在。 作为一个好学上进的前端从业者，怎么能不丰富一下自己的弹药库呢？

相信大家也知道 qiankun 有 SnapshotSandbox, LegacySandbox 和 ProxySandbox 这些沙箱，而它们又可以分为单例和多例两种模式，网上也有很多文章对其进行介

乾坤相较于single-spa，做了两件重要的事情，其一是加载资源，第二是对Js、CSS等资源进行隔离。本文主要探索乾坤Js资源的隔离机制

qiankun框架为了实现js隔离，提供了三种不同场景使用的沙箱，分别是 snapshotSandbox、proxySandbox、legacySandbox。 从名字上我们可以理解快照就是给你着一张相片，来记录你此刻的状态。qiankun的快照沙箱是基于diff来实现的，主要…

背景 由于业务需要，本人需要在某应用中增加菜单，在页面上直接展示另外两个应用，并且要求登录信息共用，一番衡量过后决定使用qiankun实现。(注：本文主要记录一次从开发到部署相关接入qiankun的过

loader 干啥的？ 也就是说，webpack 把任何文件都看做模块，loader 能 import 任何类型的模块，但是 webpack 原生不支持譬如 css 文件等的

说到webpack的性能优化，其实就是从时间层面与体积层面入手。对于时间层面主要就是优化webpack的构建速度（缩短构建时间）。对于体积层面主要就是优化webpack的构建结果（缩小构建结果）

项目上线之后，源码不能让外网的人看到，假如线上有紧急问题需要排查，有sourceMap就很方便排查了，所以要对sourceMap进行限制，内网可以访问，外网不可以访问--前端配置.

平日开发过程中，大家是如何调试线上问题的呢？等一下，还有没有人在用 SourceMap 调试啊？通过 SourceMap，我们可以在浏览器内，直接看到源码，而不是编译、压缩、混淆后的部署产物。