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

Posted MrBear

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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目录下哦

以上是关于laravel 单页面按需加载js/css文件的主要内容,如果未能解决你的问题,请参考以下文章

React 按需加载 - 代码分隔

单页面系统的一些性能优化

angularjs ocLazyLoad分步加载js文件,angularjs ocLazyLoad按需加载js

babel-plugin-import 实现按需引入

webpack4--按需加载

iframe每个页面加载css js