动态polyfill和import

时间 2021-02-21

标签 html 浏览器安全 babel async 性能 url spa code 栏目 HTML 繁體版

原文原文链接

1、动态polyfill

之前都是经过 babel-polyfill 一把梭，无论能不能用到，都全量处理，这样虽然方便，但也会形成资源浪费，因此出来了一个动态 polyfill 概念，根据项目须要指定要 polyfill 的特性，并且会根据浏览器是否支持来决定要不要 polyfill，这样性能会更好，如何指定要 polyfill 的特性，直接到 polyfill.io 勾选生成便可html

使用方式：浏览器

<script src="https://polyfill.io/v3/polyfill.min.js?features=Promise%2CReflect"></script>

基于安全考虑，阿里本身也搞了个安全

<script src="https://polyfill.alicdn.com/polyfill.min.js?features=Promise%2CReflect"></script>

2、动态import

function async foo() {
  const { formatTime }= await import('../utils/index');
  let time = formatTime(Date.now(), 'YYYY-MM-DD');
}

欢迎关注：技术开发分享录babel