Laravel混合使用全局JS变量？

Question

我正在使用 Laravel Mix，我对全局变量有疑问。

在 app.js 文件中我有以下内容：

import $ from 'jquery';
window.$ = window.jQuery = $;

var iniciateUserChoiceBool = false;

$(function() {
   require('./functions');
   require('./tabs');
});

有问题的变量 iniciateUserChoiceBool 我在 functions.js 和 tabs.js 中使用，我需要它是同一个变量。但每次我得到：

Uncaught ReferenceError: iniciateUserChoiceBool is not defined

如果我将变量放在 functions.js 和 tabs.js 中的不同文件中，错误就消失了，但是由于变量和 if 语句不同，功能会发生变化不同。如何将全局变量与 Laravel 混合使用？

我也是这样测试的，还是报错

import $ from 'jquery';
window.$ = window.jQuery = $;

$(function() {
   var iniciateUserChoiceBool = false;

   require('./functions');
   require('./tabs');
});

Answer 1

您可以将其添加到 window 对象中：

window.iniciateUserChoiceBool = false;

这仍然允许您稍后使用 iniciateUserChoiceBool（没有 window）。

Laravel混合使用全局JS变量？

How to use global JS variables with Laravel Mix?

javascript

laravel

webpack

laravel-mix