javascript - 如何在 Laravel webpack.mix.js 中添加全局函数？

Question

我正在使用 Laravel mix 来编译我的资源并将它们合并到单个文件中。我创建了一个新的js文件并在其中编写了一些方法。我将此文件与 app.js 文件合并。从我的 Blade 文件中，当我尝试调用这些方法时，我收到错误 function not Define 。我无法访问这些方法。

请帮我调用这些方法。

Laravel Mix 代码

mix.js([ 'js/app.js',
         'js/custom.js'
        ], 'public/js'),
.....

自定义.js

function test(){
  alert('test')
}

test.blade.php

<script type="text/javascript" src="app.js"></script>
<script type="text/javascript">
    test();
</script>

Error : test is not defined

Answer 1

只需将其分配给窗口即可。所以在你的 Custom.js 中

window.test = function(){
  alert('test')
}

并在您的 test.blade.php 中使用它:

<script type="text/javascript">
    window.test();
</script>