需求背景 需求背景接上文 记一次组件打包为链接的实践 框架搭建接上文 Webpack 脚手架搭建笔记——记一次新项目搭建 组件轻量化 在将客服组件上线后，由于未考虑到加载的组件包的大小，尤其是初始加载的包比较大，即使是压缩过初始加载也有 600 多 k… »

接上文 Webpack 升级优化——记一次产品端升级 最近需要开发一个新产品，此时需要一个新框架来承载新产品的开发，根据前端主管的建议，建议我在他已经开发出的新框架上进行改造，这里记录一下改造的关键点 babel 编译兼容 IE 在 .babelrc 文件里加上标红代码，防止 ie 某些方法报错 脚本运行颜色 在将 npm script 写成 nodejs 脚本时，脚本颜色是灰色，此时需要加上 参数 webpack 加速构建 在 webpack.base.babel.js 文件中添加 hard… »

接上文 Webpack 配置笔记 分包策略 在分支 上启动 脚本，得到分包策略如下： 首屏加载对比 原始首屏加载 升级后加载 分包优化步骤 echarts 只提取需要的包 immutable 指向同一份，避免 draft 与 antd 重复打包 分大模块改写法 根据路由来分 这里原来的路由引用模块已经是 形式的了，所以我在 里的 加了如下策略 经实验，可以看到各个页面只加载所需的包 根据组件来分 对其中比较大的组件进行了懒加载处理，react-player/draft… »

需求背景 在做侧边抽屉时遇到了需要强行撑满剩余高度的情况，左边的外呼结果要强行撑满剩余高度，这考察了等高布局的应用 解决方案 首先明确侧边栏左边 html 的结构，其中 html 采用 react 写法，css 采用 less 写法 table 布局 比较 hack 的方法 margin 与 padding absolute 此方法需要对 html… »

需求背景 最近由于第三方云端电话私自更改接口导致了线上事故的发生，所以公司决定由前端直接连接 freeswitch ，用它来借助第三方线路打云端电话 知识背景 SIP 协议入门学习 核心思路 首先在网上找到相应前端的 SIP 连接库，发现大概满足的有 2 种，一个是 JsSIP，看了一下支持的列表里面是没有 freeswitch 的，所以选了支持 freeswitch 的 SIP.js… »