vue polyfill的使用

Question

require('es6-promise').polyfill()
import 'babel-polyfill'
import 'promise-polyfill/src/polyfill'
<script href="https://cdn.jsdelivr.net/npm/promise-polyfill@7/dist/polyfill.min.js"></script>

上面4行代码前三行在vue的main.js 第四方行是index.html里
想问一下这些的作用，哪些是重复引入的，初学者希望大神指点一下

Answer 1

如果你是想让浏览器兼容Es6的话，我就懂你的意思了，因为我也遇到了这样的问题。

import 'babel-polyfill'
<script href="https://cdn.jsdelivr.net/npm/promise-polyfill@7/dist/polyfill.min.js"></script>

就这就够了。我很不明白你为什么要引入cdn？你vue项目不用npm吗？

Answer 2

import 'babel-polyfill'

只需要这一行，其他三行都是多余的，删掉，因为babel-polyfill里面包含了promise的es5实现，无需重复引入