JS文件未使用Webpack加载，Laravel 8中的Laravel Mix答案

【问题标题】：JS files not loading using Webpack, Laravel Mix in Laravel 8JS文件未使用Webpack加载，Laravel 8中的Laravel Mix
【发布时间】：2021-08-25 02:33:13
【问题描述】：

我是 Laravel 新手，我正在尝试使用 Laravel Mix 编译和上传我的资源。

mix.js('resources/js/app.js','public/js')
    .js('resources/js/users.js','public/js')
    .sass('resources/sass/app.scss', 'public/css')
    .css('resources/css/myStyle.css','public/css/myStyle.css')

这些资源编译成功；在我的 users.js 文件中，我有一个 JS 脚本函数，它会在按钮单击时提醒一些文本。在我的 Blade 布局中，我正在导入如下文件。

<!-- Scripts -->
<script src="{{ mix('js/users.js') }}"></script>
<!-- <script src="{{mix('/js/NotResourced.js')}}"></script> -->
<script src="{{ mix('js/app.js') }}"></script>

<!-- Styles -->
<link href="{{ asset('css/app.css') }}" rel="stylesheet">
<link href="{{ asset('css/myStyle.css') }}" rel="stylesheet">

我了解 Mix 会编译资源并将它们放在公共目录中，以便浏览器可以读取它们。但是当我在浏览器中检查我加载的文件时，users.js 不在其中。我更改了加载文件的顺序，但它不起作用。我注意到，在我的 Blade 布局中，我将它们放在 HTML 头标签中。所以我把脚本文件的位置改到body close tag位置之前。但是，当我在浏览器上检查加载的文件时，app.js 文件已经存在，但 HTML 头标签和 users.js 不存在。

我在这里做错了吗？请问，完成这项工作的正确方法是什么？

【问题讨论】：

更新 - 我什至在公共目录中创建了新的 js 而没有在我的资源中引用它并且它没有在文件中上传
对于语法或输入错误，我深表歉意，请理解英语不是我的母语。我将非常感谢任何帮助。我仍然坚持这件事。

标签： javascript laravel webpack laravel-8 laravel-mix

【解决方案1】：

我找到了解决我的问题的方法，答案如下：使用 scripts() 方法缩小 webpack.mix.js 文件中任意数量的 JavaScript 文件像这样

mix.scripts([
'public/js/admin.js',
'public/js/dashboard.js'
 ], 'public/js/all.js');

这是编译 JS 资源的正确方法。

【讨论】：