如何使用5.2版在laravel中正确加载CSS和JS文件

Question

我刚刚从本地环境中运行并克隆了项目，但无法加载js和css文件，所有这些东西都崩溃了。

目前，我的css，js，字体和图像位于公用文件夹下，并且其外观类似

       {!!Html::style('css/bootstrap.min.css')!!}
       {!!Html::style('css/font-awesome.min.css')!!}
       {!!Html::style('css/reset.css')!!}
       {!!Html::style('css/superslides.css')!!}

和图片

        <link rel="apple-touch-icon" sizes="57x57" href="{{asset('images/favicon/apple-icon-57x57.png')}}">
    <link rel="apple-touch-icon" sizes="60x60" href="{{asset('images/favicon/apple-icon-60x60.png')}}">
    <link rel="apple-touch-icon" sizes="72x72" href="{{asset('images/favicon/apple-icon-72x72.png')}}">
    <link rel="apple-touch-icon" sizes="76x76" href="{{asset('images/favicon/apple-icon-76x76.png')}}">

是这样做的正确方法，因为在实时上正常工作，但在本地不工作，我也添加了集体html包，但不工作 如何正确加载这些文件 任何帮助将不胜感激！

Answer 1

是的，您可以像使用JS加载图像一样加载CSS和asset文件，例如：

<link rel="stylesheet" href="{{ asset('css/font-awesome.min.css') }}" />
<link rel="stylesheet" href="{{ asset('css/reset.css') }}" />
<link rel="stylesheet" href="{{ asset('css/superslides.css') }}" />

在上述示例中，请确保您的CSS文件位于app/public/css文件夹中，同样适用于JS文件

Answer 2

您可以使用asset（'/文件路径'）或public_path（'/文件路径'）加载它。

请记住在URL之前添加正斜杠“ /”。例如

<link rel="apple-touch-icon" sizes="57x57" href="{{asset('/images/favicon/apple-icon-57x57.png')}}">
<link rel="apple-touch-icon" sizes="60x60" href="{{asset('/images/favicon/apple-icon-60x60.png')}}">
<link rel="apple-touch-icon" sizes="72x72" href="{{asset('/images/favicon/apple-icon-72x72.png')}}">
<link rel="apple-touch-icon" sizes="76x76" href="{{asset('/images/favicon/apple-icon-76x76.png')}}">