使用vue-cli开发shopify第三方应用在ie的兼容性问题

背景

这段时间接了一个项目要开发shopify的第三方应用, 要使用其提供的一系列库来获取shopify商店里面的产品, 其中babel-plugin-graphql-js-client-transform这个库在ie无法使用, 这时候就需要用babel来处理了

解决

vue-cli已经把我们封装了babel的操作, 只需添加以下配置即可让babel去转义该库

// vue.config.js
module.exports = {
  ...
  transpileDependencies: [
    'babel-plugin-graphql-js-client-transform',
    'graphql-to-js-client-builder'
  ]
}

另外这个库还用到window.fetch, 而ie上是没有这个方法的, 可以使用这个库来polyfill

PS

另外这个库里面还用到了String.prototype.endsWith这个方法, ie上也没有, 所以也需要自己去polyfill