动态polyfill和import丨技术开发分享录

动态polyfill和import

{{ detail.nickname }}

转载 翻译 {{ formatTime(detail.create_time) }} 字数 {{ detail.content && detail.content.length }} 阅读 {{ detail.read_num }} {{ formatTag(v) }}

"## 一、动态polyfill\n\n以前都是通过 `babel-polyfill` 一把梭,不管能不能用到,都全量处理,这样虽然方便,但也会造成资源浪费,所以出来了一个动态 `polyfill` 概念,根据项目需要指定要 `polyfill` 的特性,而且会根据浏览器是否支持来决定要不要 `polyfill`,这样性能会更好,如何指定要 `polyfill` 的特性,直接到 [polyfill.io](https://polyfill.io/v3/url-builder/) 勾选生成即可\n\n使用方式:\n\n```html\n<script src=\"https://polyfill.io/v3/polyfill.min.js?features=Promise%2CReflect\"></script>\n```\n\n基于安全考虑,阿里自己也搞了个\n\n```html\n<script src=\"https://polyfill.alicdn.com/polyfill.min.js?features=Promise%2CReflect\"></script>\n```\n\n## 二、动态import\n\n```\nfunction async foo() {\n  const { formatTime }= await import('../utils/index');\n  let time = formatTime(Date.now(), 'YYYY-MM-DD');\n}\n```"
PS:写作不易,如要转裁,请标明转载出处。

如果此篇对您有帮助,可小额赞助,以兹鼓励!

猜你想看