公共库babel配置;

疑问

  • 公共库指什么?

    摘录&心得

  • 公共库处理的重要性

    • 前端生态的重要一环是公共库。
    • 公共库的模块化规范、编译标准,甚至压缩方式都有讲究
    • 公共库与使用它们的业务项目也要密切配合,这样才能打造一个顺滑的基建结果。
  • babel的用途:注入大家都懂的代码。

    一、公共库的设计原则

    1、从一个案例看

    案例原文:“报告老板,我们的 H5 页面在 iOS 11 系统上白屏了!

出错的代码(使用了扩展运算符的代码)属于某个公共库代码,它没有使用 Babel 插件进行降级处理,因此线上源代码出现了…扩展运算符。
解决问题不如消灭问题:本质上这个问题的原因是第三方库导致的。

2、应用项目与公共库的差异

  • 应用项目只要在能兼容的环境下跑起来就行了;公共库需要兼顾性能和易用性
  • 设计原则
    • 对于开发者共创公共库,最大化确保开发体验
      • 最快地搭建调试和开发环境
      • 安全地发版维护
    • 对于使用者,最大化确保使用体验
      • 公共库文档建设完善
      • 公共库质量有保障
      • 接入和使用负担最小
  • 设计一个公共库前,你需要考虑:
    • 自研公共库还是使用社区已有轮子;
    • 公共库的运行环境是什么,这将决定公共库的编译构建目标;
    • 公共库是偏向业务还是业务 free,这将决定公共库的职责和边界。

      3、制定一个统一标准化 babel-preset

      指定标准规范的 babel-preset,保证编译产出的统一。
      给出了一套详细的babel-preset配置,可以作为从零进行组件化构建的参考材料。