如何读懂编译后的 JavaScript 代码 JavaScript 代码为啥要编译？主要是采用 ES6 及以上语法编写的代码兼容不了老浏览器老环境。Bable 可以将其转换为向后兼容的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。Babel 通过插件让你现在就能使用新的语法，无需等待浏览器的支持。

Webpack 分块优化 从 Webpack v4 开始，移除了CommonsChunkPlugin，取而代之的是SplitChunks。最初，chunks（以及内部导入的模块）是通过内部 Webpack 图谱中的父子关系关联的。CommonsChunkPlugin 曾被用来避免他们之间的重复依赖，但是不可能再做进一步的优化。

HTTP缓存 通常所说的Web缓存指的是可以自动保存常见http请求。对于前端开发者来说，浏览器充当了重要角色。除此外常见的还有各种各样的代理服务器也可以做缓存。当Web请求到达缓存时，缓存从本地副本中提取这个副本内容而不需要经过服务器。这带来了以下优点：

使用 transform-runtime 上一次我们给大家介绍了怎样使用 babel-polyfill。只要引入这个插件就能就很好地兼容IE浏览器了，但是这会导致最终的打包文件偏大，即使打开了 useBuiltIns，效果也不明显。作为有追求的前端工程师，要对代码质量及性能比较高的要求。前期开发赶进度也就罢了，上生产前一定要花时间优化。本文我们就来介绍 transform-runtime。

使用 Jest 测试 Vue 应用 要保证前端的代码质量，单元测试是少不了的。特别是对核心业务的代码，要更详细地进行单元测试。之前使用 Karma 写过 AngluarJS 单元测试。现在 vue 项目越来越多，怎么写 vue 的单元测试呢？记得 Vue CLI 的 webpack 模板是支持单元测试的。下面我们就来简单介绍一下怎样使用使用 Vue CLI 中的 Jes 运行器写单元测试。