core-js插件的介绍

core-js插件的介绍

1 core-js是什么

• 它支持最新的 ECMAScript 标准

• 它支持ECMAScript 标准库提案

• 它支持一些 WHATWG / W3C 标准（跨平台或者 ECMAScript 相关）

• 它最大限度的模块化：你能仅仅加载你想要使用的功能

• 它能够不污染全局命名空间

• 它和babel紧密集成：这能够优化core-js的导入

• 它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式

2 安装core-js

npm install --save core-js

3 使用

1.main.js

import 'core-js/stable';
import 'regenerator-runtime/runtime';
import 'es6-promise/auto';

2.babel.config

presets: [
    ['@babel/preset-env', {
        useBuiltIns: 'entry', // or "usage"
        corejs: 3,
    }]
],

3.vue.config.js

// 因为node_modules里的依赖默认是不会编译的,会导致es6语法在ie中的语法报错,配置node_modules中指定哪些文件夹或文件需要编译

 transpileDependencies: ['vue-grid-layout','resize-detector'],

以上方法解决利用core-js 解决vue不兼容ie问题。