在页尾添加 laravel 组件 javascript 代码

Question

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

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

Answer 1

创建一个 blade 文件以放置所有脚本 link。让我在我的资源目录中创建一个文件并将其命名为 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)

Answer 2

你可以在你的父组件中这样写@stack('scripts')，在你的子组件中你可以这样写@push('scripts)。

你的子组件代码会像这样

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

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

在页尾添加 laravel 组件 javascript 代码

Add laravel component javascript code at end of page

laravel

laravel-blade