本文主要是介绍动态polyfill和import,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
一、动态polyfill
以前都是通过 babel-polyfill
一把梭,不管能不能用到,都全量处理,这样虽然方便,但也会造成资源浪费,所以出来了一个动态 polyfill
概念,根据项目需要指定要 polyfill
的特性,而且会根据浏览器是否支持来决定要不要 polyfill
,这样性能会更好,如何指定要 polyfill
的特性,直接到 polyfill.io 勾选生成即可
使用方式:
<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>
二、动态import
function async foo() {const { formatTime }= await import('../utils/index');let time = formatTime(Date.now(), 'YYYY-MM-DD');
}
欢迎关注:技术开发分享录
这篇关于动态polyfill和import的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!