这是我的目录结构。
-resources -css -mycss.css -js -myjs.js -myimagesfolder -views -admin -home.blade.php
字符串我如何在我的视图>管理>home.blade.php中访问resources>css>mycss.css,resources>js>myjs.js和resources>mymagesfolder>images。
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>
型
sbdsn5lh2#
根据Laravel官方文档链接,/resources/css,/resources/js下的文件需要编译后才能使用。
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.js和mycss.css将分别编译为public/js和public/css请记住在app.blade.php中包含缩小的js和css文件
resources/css
resources/js
myjs.js
mix.js('resources/js/myjs.js', 'public/js');
webpack.mix.js
mjcss.css
mix.postCss('resources/mycss.css', 'public/css');
npm run dev
mycss.css
app.blade.php
<script src="{{ asset('js/myjs.js') }}" defer></script> <link href="{{ asset('css/mycss.css') }}" rel="stylesheet">
字符串
xfyts7mz4#
请将您所有的公共文件移动到public文件夹:
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
型祝你好运!
4条答案
按热度按时间o7jaxewo1#
把你的css和js文件放在public文件夹里,像这样:
字符串
现在你可以像这样访问你的文件了。
对css
型
对于Js
型
sbdsn5lh2#
根据Laravel官方文档链接,/resources/css,/resources/js下的文件需要编译后才能使用。
3vpjnl9f3#
您可以使用Laravel mix编译
resources/css
resources/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.js
和mycss.css
将分别编译为public/js和public/css请记住在
app.blade.php
中包含缩小的js和css文件字符串
xfyts7mz4#
请将您所有的公共文件移动到
public
文件夹:字符串
然后按如下方式导入:
型
祝你好运!