Vue.js设计与实现读书有感 第二章 框架设计的核心要素

Posted by Xiaosa's Blog on March 16, 2022
  1. 提升用户的开发体验: 开启自定义 formatter chrome开发者工具设置 console enable custom formatters
  2. 控制框架体积: 定义_DEV_常量区分开发环境和生产环境的行为
  3. 使用ESM 来支持良好的Tree-shaking(摇树没卵用的一个问题是使用了babel等降级到es5)
    1. 摇树支持良好的前提: 使用esm+不引入副作用代码
  4. 框架英爱输出怎样的构建产物:
    1. 希望用户引入script后直接能够使用: IIFE 或者 ESM.这两种输出格式在rollUP中配置format:iife或者esm