我在理解Laravel 9时遇到了一些问题。x生态系统。..所以,我刚开始与这个框架,并有问题,我如何可以附加到我的css文件到视图?
我已经创建了新的laravel项目,并进行了一些更改,然后我运行了npm run build
(因为npm run dev
卡在我的localhost URL上),之后我在public
文件夹中的文件夹名为build
,并在此文件夹中assets/style.0327f7a6.css
和app.334e7359.js
,但我如何才能将它们包含到我的模板中?
我试了<link rel="stylesheet" href="{{assets('css/style.css')}}" type="text/css">
,但得到了404错误。..
P.S.我不使用混合。js(它没有包含在这个laravel安装中,不知道为什么),我使用vite.config.js
P。P.S我是Laravel的新手,所以有人能帮我吗?我搜索了所有的谷歌和不能找到解决我的问题。..
2条答案
按热度按时间fdbelqdn1#
好的,所以在检查了一些SO question后,我发现现在与Vite。js配置文档我们需要通过
import
将所有css文件包含到app.js
文件中,然后从vite.config.js
中删除css文件,之后运行npm run dev
将粘在APP_URL
上,但它编译所有文件并将其启动到打开的浏览器窗口中!所以,在那之后,我们只需要将我们的文件作为这个@vite(['resources/css/style.css', 'resources/js/app.js'])
包含到头文件中,它就工作了!oalqel3c2#
assets方法查看公用文件夹。因此,
{{assets('css/style.css')}}
查看路径public/css/style.css
并没有找到任何东西。对于路径,您需要更改代码以查看正确的路径,即{{assets('build/assets/style.0327f7a6.css')}}