如何使用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');
}

然后您可以将其用于其他文件，例如您的刀片模板文件

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所述。