在页面末尾添加 Laravel 组件 javascript 代码

如何解决在页面末尾添加 Laravel 组件 javascript 代码

我只有一个组件，我想在主页底部添加组件脚本代码，因为它可以加快页面加载速度。我该怎么做？

要点：每个脚本都必须写在其组件文件上。

解决方法

您可以在父组件 @stack('scripts') 中编写此代码，在子组件中可以这样编写 @push('scripts)。

你的子组件代码是这样的

@push('scripts')
<script src="example.js"></>
@endpush

它只会在您加载子组件时将脚本推送到父组件。

创建一个刀片文件，在其中放置所有脚本链接。让我在我的资源目录中创建一个文件并将其命名为 javascripts.blade.php 。该文件可能如下所示。

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/2.5.0/jszip.min.js"></script>
<script src="https://code.jquery.com/ui/1.11.3/jquery-ui.min.js"></script>
<script>
window._token = '{{ csrf_token() }}';
</script>



@yield('javascript')

请注意，我将 @yield('javascript') 放在底部。现在您可以在 <body></body> 标签中使用它，只需使用 @include(javascripts) 或者如果您的脚本文件位于文件夹中，您可以使用 @include(folderName.javascripts)