Laravel 从资源 css 和 js 目录访问 css 和 js 文件

Question

这是我的目录结构。

-resources
  -css
    -mycss.css
  -js
    -myjs.js
  -myimagesfolder
  -views
    -admin
      -home.blade.php

我如何访问resources>css>mycss.css、resources>js>myjs.js和resources>mymagesfolder>images in my views>admin>home.blade.php。

Answer 1

将您的 css 和 js 文件放入 public 文件夹中，如下所示：

-public
  -css
    -mycss.css
  -js
    -myjs.js

现在您可以像这样访问您的文件。将其放在 head 标记内的代码行下方

对于CSS

<link rel="stylesheet" href="{{asset('css/mycss.css')}}">

对于Js

<script src="{{asset('js/myjs.js')}}"></script>

Answer 2

根据Laravel官方文档链接，/resources/css、/resources/js下的文件需要编译后才能使用。

Answer 3

您可以使用 Laravel mix 编译文件resources/css resources/js。

对于myjs.js，添加到webpack.mix.js文件中的行：mix.js('resources/js/myjs.js', 'public/js'); 对于mjcss.css，添加到webpack.mix.js文件中的行：mix.postCss('resources/mycss.css', 'public/css');

运行时 和 都会分别编译为 public/js 和 public / myjs.jscssmycss.cssnpm run dev

请记住将缩小的 js 和 css 文件包含在您的app.blade.php

<script src="{{ asset('js/myjs.js') }}" defer></script>

  <link href="{{ asset('css/mycss.css') }}" rel="stylesheet">