動態polyfill和import

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

wx-mp-qrcode-bdfx.jpg

相關文章
相關標籤/搜索