如何在 Laravel Mix 中使用全局 JS 变量？答案

【问题标题】：How to use global JS variables with Laravel Mix?如何在 Laravel Mix 中使用全局 JS 变量？
【发布时间】：2021-08-19 08:18:50
【问题描述】：

我正在使用 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 mix 中使用全局变量？

我也这样测试过，还是报错。

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

$(function() {
   var iniciateUserChoiceBool = false;

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

【问题讨论】：

标签： javascript laravel webpack laravel-mix

【解决方案1】：

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

window.iniciateUserChoiceBool = false;

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

【讨论】：

@Don40 很高兴我能帮上忙！