摘要：
代码规范 ESLint 的必要性 2017年4⽉13日，腾讯⾼级⼯程师小明在做充值业务时，修改了苹果 iap ⽀付配置，将 JSON 配置增加了重复的 key 。代码发布后，有小部分使用了 vivo 手机的用户反馈充值页面白屏，无法在 Now app 内进行充值。最后问题定位是: vivo ⼿机使用 阅读全文
摘要：
代码分割 代码分割的意义 对于大的 Web 应用来讲，将所有的代码都放在一个文件中显然是不够有效的，特别是当你的某些代码块是在某些特殊的时候才会被使用到。webpack 有一个功能就是把你的代码库分割成 chunks（语块），当代码运行到需要它们的时候再进行加载。 适用的场景 抽离相同代码到一个共享 阅读全文
摘要：
webpack 打包闭包优化 现象：构建后的代码存在大量闭包代码 会导致什么问题？ 大量函数闭包包裹代码，导致体积增大（模块越多越明显） 运行代码时创建的函数作用域变多，内存开销变大。 模块转换分析 结论 被 webpack 转换后的模块 会带上一层包裹 import 会被转换成__webpack_ 阅读全文
摘要：
树摇——性能优化 性能优化的关键步骤，已在 webpack4.0 里默认支持 概念 一个模块可能有多个方法，只要其中的某个⽅法使⽤用到了了，则整个文件都会被打到 bundle ⾥面去，tree shaking 就是只把用到的⽅方法打入 bundle ，没用到的方法会在 uglify 阶段被擦除掉。 阅读全文