webpack - Polyfill 未应用于导入的文件

Question

我正在开发一个使用 ES6 语法的 Vue JS 项目。我通过在我的应用程序入口点 (main.js) 的顶部导入“@babel/polyfill”添加了一个 polyfill，它适用于我的大部分项目。

我现在遇到的问题是 polyfill 没有应用于导入的文件。所以这意味着当

• 导入我的 ES6 函数后，页面在 Chrome 中正确呈现，但在 IE11 中不正确
• 当我直接将导入文件的内容（没有导出语法）复制并粘贴到我的主文件中时，页面在两个浏览器中都正确呈现。

在这种情况下，我该如何正确使用 Polyfill？

---

编辑

: 显然这个问题与 polyfills 无关，而是与 babel 相关。我在这里提出一个新问题

标签： webpackvue.jsbabel-polyfill

Answer 1

如果您要像这样导入 polyfill，那么它应该可以正常工作：

// IE11 Polyfil fix
import Es6Promise from 'es6-promise/auto'
require('core-js/fn/object/assign');
import githubFetch from 'whatwg-fetch'

import Vue from 'vue'
import VueRouter from 'vue-router'
import { VTooltip } from 'v-tooltip'
import Routes from './routes'
import events from './events'
import auth_mixin from './auth'
import { isAuthenticated, getTokenID, getUserID } from "./auth"
import config from './config'
import axios from 'axios'
import App from './App'