Laravel Mix IE11 Babel问题

Question

我目前正在尝试在WordPress项目中安装Laravel Mix来处理我的资产编译。

我的webpack.mix.js文件设置如下：

let mix = require("laravel-mix");

mix.babel("src/js/app.js", "dist/js/app.js")
    .sass("src/scss/style.scss", "dist/css/style.css")
    .sourceMaps()
    .setPublicPath("dist");

我还有一个.babelrc设置，如下所示：

{
    "presets": [
        [
            "@babel/preset-env",
            {
                "targets": {
                    "ie": "11"
                }
            }
        ]
    ]
}

我目前在app.js内部使用的唯一代码是：

import Vue from "vue";

但是，当我转到页面时，出现以下错误：

Uncaught ReferenceError: require is not defined at app.js:3

文件编译如下所示（问题显然出在var _vue行上）：

"use strict";

var _vue = _interopRequireDefault(require("vue"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

由于我不确定该怎么做，因此我真的在这个问题上遇到了困扰。任何想法表示赞赏！