vue如何配置兼容ie es6转es5

置顶厚渡

已于 2022-11-07 14:50:44 修改

阅读量1.1w

点赞数 2

分类专栏： vue vue配置文章标签： vue babel npm

于 2020-09-23 11:29:12 首次发布

本文链接：https://blog.csdn.net/dwp_wz/article/details/108749487

版权

vue 同时被 2 个专栏收录

23 篇文章 0 订阅

订阅专栏

vue配置

9 篇文章 0 订阅

订阅专栏

vue如何配置兼容ie es6转es5

首先我们的明白为什么vue在ie上跑步起来，这究竟是道德的沦丧还是人性的扭曲。

应该都不是是ie它就是不支持es6，那么不支持es6，那es5呢？

嗯算支持吧，

那么明白啊了原因怎么解决的呢？

es6 => es5

小p给大家介绍一个工具

@babel/polyfill

// npm 下载 
npm i @babel/polyfill -s

配置

// 根目babel.config.js文件 (没有自己建)
module.exports = {
  presets: [
    ['@vue/app', {
      useBuiltIns: 'entry' // src全局es5编译
    }]
  ]
}

// 根目vue.config.js
// 关键配置：node_modules里面需要用babel-loader进行编译的包（node_modules的包如果没做 es6 => es5 转码则需要自己用babel-polyfill进行手动处理）
// 如果IE下还跑不起来，控制台发现有其他es6语法的，尝试调试去找到底是哪个包
module.exports = {
    ...
  transpileDependencies: [
    'iview',
    'axios',
    /[/\\]node_modules[/\\]dom7[/\\]/,
    /[/\\]node_modules[/\\]swiper[/\\]/,
    /[/\\]node_modules[/\\]element-ui[/\\]packages[/\\]/,
    /[/\\]node_modules[/\\]element-ui[/\\]src[/\\]/,
    /[/\\]node_modules[/\\]capital-ui[/\\]src[/\\]/,
    /[/\\]node_modules[/\\]vux[/\\]/
  ],
    ...
}
    
    
 // 根目src/main.js
import '@babel/polyfill';