core-js是什么?

  1. 它支持最新的 ECMAScript 标准
  2. 它支持ECMAScript 标准库提案
  3. 它支持一些 WHATWG / W3C 标准(跨平台或者 ECMAScript 相关)
  4. 它最大限度的模块化:你能仅仅加载你想要使用的功能
  5. 它能够不污染全局命名空间
  6. 它和babel紧密集成:这能够优化core-js的导入
  7. 它是最普遍、最流行 的给 JavaScript 标准库打补丁的方式

安装core-js

npm install --save core-js

使用

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问题。

Logo

前往低代码交流专区

更多推荐