laravel 单页面按需加载js/css文件

我们常把公共的header以及footer提炼出来,但是每个子页面的css和js又不相同,如果都写在了父模板里,对不需要的子模板来说是负担,造成不必要的开销,此时就需要按需加载,laravel给我们提供了这样的便利

父模板里

在需要加载 js/css 的位置写入

@stack('backend-register-js')

子模板

@push('backend-register-js')
    <script>
        js代码
    </script>
@endpush

********或者*******

@push('backend-register-js')
    <script src="{{ asset('js/common/register.js') }}" type='JavaScript'></script>
@endpush

css 同理

提示: 相应的js或者css 文件要放在public目录下哦

posted @ 2019-01-19 16:39  MrBear  阅读(910)  评论(0编辑  收藏  举报