Webpack高级 20 -- Corejs 解决js兼容问题

211 阅读1分钟

1 . Why?

1127.png

2 . 是什么?

  • core-js是专门用来做 ES6 及以上 API 的polyfill.
  • polyfill 翻译过来就叫做垫片/补丁,就是用社区上提供的一段代码,让我们在不兼容某些新特性的浏览器上,使用该特性。

3 . How?

  • 下载包:

    - npm i core-js
    
  • 引入

  1. 手动引入(在 main.js 文件里)

1128.png

不推荐使用,因为如果直接完整引入,那么打包出来会增大所占空间;如果是按需手动导入,又太麻烦了!!!

  1. 配置 babel.config.js 实现自动导入:

1129.png