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

【问题标题】：How to use laravel mix define global javascript function如何使用 laravel mix 定义全局 javascript 函数
【发布时间】：2018-11-02 05:45:51
【问题描述】：

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

'use strict'

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

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

【问题讨论】：

【解决方案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();

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

【讨论】：