javascript - 在 Laravel 中添加脚本

Question

我是 Laravel 的新手，但我正在掌握它。

目前有一个部分 Blade 仅包含公共(public) Assets 文件夹中的脚本，如下所示。

<script src="{{asset('js/jquery-3.2.1.min.js')}}"></script>  
<script src="{{asset('js/bootstrap.js')}}"></script>
<script src="{{asset('js/bootstrap.js')}}"></script>
<script src="{{asset('assets/library/slick/slick.js')}}"></script>
<script src="{{asset('assets/library/slick/slick-init.js')}}"></script>
<script src="{{asset('assets/library/tinymce/jquery.tinymce.min.js')}}"></script>
<script src="{{asset('assets/library/tinymce/tinymce.min.js')}}"></script>
<script src="{{asset('assets/library/tinymce/tinymce-settings.js')}}"></script>
<script src="{{asset('js/isotope-docs.min.js')}}"></script> <!-- JQuery and Bootstrap JS -->
<script src="{{asset('js/app.js')}}"></script>
<script src="{{asset('js/grid.js')}}"></script>
<script src="{{asset('vendor/laravel-filemanager/js/lfm.js')}}"></script>
<script src="{{asset('vendor/laravel-filemanager/js/lfm.js')}}"></script>

我觉得这有点乱，远非最佳。

我在 resources/assets/js 中做了一些探索，发现默认情况下 Laravel 使用 bootstrap.js 然后在 app.js< 中获取它。此外，bootstrap.js 中的项目似乎是直接从 node_modules 文件夹中获取的。

将所有 JavaScript 库包含在 bootstrap.js 中是否更好？

如果是这样，我可以通过 NPM 安装所有这些库并以某种方式将它们包含在 bootstrap.js 文件中吗？至少是那些可以通过 npm 获得的。

然后在我的页脚中我可以只包含 app.js 而不是我的个人脚本。

Answer 1

您可以使用 Laravel mix 来连接、缩小/丑化您的 JS 样式 Assets 。

Laravel mix documentation