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

Question

我是 laravel 新手，使用 laravel 8。

这是我的目录结构。

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

我如何访问 resources>css>mycss.css , resources>js>myjs.js 和 resources>mymagesfolder>images 在我的 views>admin>home.blade.php.

Answer 1

像这样将 css 和 js 文件放入 public 文件夹中：

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

现在您可以在 head 标签内的代码行下面访问您的文件 this.Putthis

对于css

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

对于 Js

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

Answer 2

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

Answer 3

您可以在 resources/css resources/js 中与 Laravel 混合编译文件。

对于 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');

当你运行 npm run dev

时，myjs.js 和 mycss.css 将分别编译为 public/js 和 public/css

记得在您的 app.blade.php

中包含缩小的 js 和 css 文件

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

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

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

Laravel Access css and js file from resources css and js directory

css

laravel

laravel-8