如何在nuxt 2.0中添加polyfill?

nuxt.js Vue.js

StafanNearPro

2020-03-20

在Nuxt中1.4.2,我的内容如下nuxt.config.js

build: {
  vendor: ['babel-polyfill'],
  babel: {
    presets: [
      ['vue-app', {
        useBuiltIns: true,
        targets: { ie: 11, uglify: true },
      },
      ],
    ],
  },
},

似乎所有这些在Nuxt中都是不完整的2.0至少我希望能够充分填充以使IE 11正常工作。这是我尝试过的:

像以前一样使用供应商

删除build.babel允许构建过程正常工作:

build: {
  vendor: ['babel-polyfill'],
},

但是我认为 build.vendor现在只是被忽略了,所以这似乎无能为力。

使用polyfill.io

我尝试添加:

script: [
  { src: 'https://cdn.polyfill.io/v2/polyfill.min.js' },
],

给我head,以及:

render: {
  resourceHints: false,
},

禁用preload提示(我不确定是否很重要)。这将导致页面看起来正确- polyfill.min.js在所有其他脚本之前加载。不知何故,当我在ie11上进行测试时,它Object.entries是未定义的,页面爆炸了。

第2460篇《如何在nuxt 2.0中添加polyfill?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android