Laravel将Vanilla-JS和Vue混合到一个文件中

Question

我试图在我的vue-app文件中使用纯JavaScript代码要求require（）一个外部vanilla.js文件。该代码始终由webpack包含在最终的onefile.js的末尾。即使使用vue Mounted（）函数也无法调用vanilla.js方法。

包括vanilla.js之类的一切都工作正常

<script src="vanilla.js"></script>
<script src="vue.js"></script>

但是我喜欢拥有一个onefile.js，而不是包含两个脚本。我的解决方法是

mix.js('resources/js/vue.js', 'public/js/onefile.js')
 .babel(['resources/js/vanilla.js','public/js/onefile.js'], 'public/js/onefile.js');

我的问题：

是否有一种方法可以 require（）或将“ vanilla.js” 包含到我的vue.js文件中，从而将其保持在顶部/开头而不是移动它到已编译的onefile.js的末尾？

vanilla.js的开头如下：

(function (root, factory) {
    if (typeof define === 'function' && define.amd) {
        define(factory);
    } else if (typeof exports === 'object') {
        module.exports = factory();
    } else {
        root.libName = factory();
    }
})(this, function () {
    var construct = (function () { ...

vue.js的开头如下：

require('resources/js/vanilla.js'); 
let Vue = require('vue');
let app = new Vue( { ...