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

fivyi3re  于 7个月前  发布在  其他
关注(0)|答案(4)|浏览(99)

这是我的目录结构。

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

字符串
我如何在我的视图>管理>home.blade.php中访问resources>css>mycss.cssresources>js>myjs.jsresources>mymagesfolder>images

o7jaxewo

o7jaxewo1#

把你的css和js文件放在public文件夹里,像这样:

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

字符串
现在你可以像这样访问你的文件了。
对css

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


对于Js

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

sbdsn5lh

sbdsn5lh2#

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

3vpjnl9f

3vpjnl9f3#

您可以使用Laravel mix编译resources/cssresources/js文件。
对于myjs.js,将行mix.js('resources/js/myjs.js', 'public/js');添加到webpack.mix.js文件对于mjcss.css,将行mix.postCss('resources/mycss.css', 'public/css');添加到webpack.mix.js文件
运行npm run dev时,myjs.jsmycss.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">

字符串

xfyts7mz

xfyts7mz4#

请将您所有的公共文件移动到public文件夹:

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

字符串
然后按如下方式导入:

<link rel="stylesheet" href="{{asset('css/mycss.css')}}"> ## CSS
<script src="{{asset('js/myjs.js')}}"></script> ## JS


祝你好运!

相关问题