使用Laravel Mix编译后在单独的javascript文件中访问变量

Question

我有2个要在Laravel Mix中编译的js文件，并且能够访问变量。

mix.js([
    'resources/js/dashboard/sidebar.js',
    'resources/js/dashboard/app.js',
]).'public/js/app.js');

我希望能够分隔边栏，以免将所有内容都写在一个文件中。

在我的app.js中，

"use strict";
$(function(){
    console.log("B");
    console.log(Sidebar());
})

在我的sidebar.js中

"use strict";
console.log("A");

var Sidebar = function() {
   console.log("C")
   // setup of the sidebar
});

但是，我一直收到：

  

jQuery.Deferred异常：未定义边栏ReferenceError：未定义边栏   未捕获的ReferenceError：未定义边栏

如果我检查console.log虚拟物品，则会得到：

A
B
jQuery.Deferred exception: Sidebar is not defined ReferenceError: Sidebar is not defined
Uncaught ReferenceError: Sidebar is not defined

从不“ C”

我还尝试从Laravel Mix部分中删除sidebar.js并执行require('./sidebar.js)，但仍然存在相同的问题。我也尝试更改交换它们mix.js

---

在编译文件中，我的顺序是：

$(function () {
    Sidebar();
});

"use strict";
Sidebar = function () { ... }