接上文 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… »

需求背景 最近要做一个将第三方聊天库打包为链接，以便于顾客端使用，类似于这个样子 , 以实现将代码嵌入到顾客端网站的 标签之前即可完成部署，开发过程中遇到诸多难点 需求难点 打包工具选型 最容易想到的办法就是沿用公司之前的 webpack 框架，这里升级到了 webpack4（见之前的文章 Webpack 配置笔记 ），考虑到打包后可能会包含一些 webpack 的多余代码，因此不是最优方案。但迫于技术的不成熟以及开发时间的压力，还是把 webpack… »

webpack4 配置一览 基于 react-boilerplate 技术栈 antd + react + less 不断更新 前端的发展 模块化 模块化是指把一个复杂的系统分解到多个模块以方便编码。 挂载到变量 jQuery 库把它的 API 都放在了 下，在加载完 jQuery 后其他模块再通过 去使用 jQuery 命名空间冲突，两个库可能会使用同一个名称，例如 Zepto 也被放在 下； 无法合理地管理项目的依赖和版本； 无法方便地控制依赖的加载顺序。 CommonJS… »