javascript - 如何使用 laravel mix 定义全局 javascript 函数

Question

我已经在 resources/assets/js/common/utils.js 中有一个函数

'use strict'

function test(){
   console.log('test');
}

如何将 utils.js 定义为全局文件并在任何地方使用？感谢阅读我的问题!

Answer 1

如果您需要在捆绑的 JavaScript 文件之外使用它，您可以将它附加到 window 对象

window.test = function () {
  console.log('test');
}

然后您可以在其他文件中使用它，例如您的 Blade 模板文件作为

window.test();

或者，如果您想在捆绑的 JavaScript 文件中使用它，您可以将其作为模块导入

// test.js
export default function test() {
    console.log('test');
}

// other.js
import test from 'test.js';

test();

只要您按照描述使用 Laravel Mix 编译文件 here in the docs .