Laravel 9.x如何将自定义CSS包含到home.blade.php中

Question

我有些困惑，不太理解 Laravel 9.x 生态系统... 所以，我刚开始使用这个框架，并有一个问题，如何将我的 css 文件附加到视图中？

我创建了一个新的 Laravel 项目并进行了一些更改，然后运行了 `npm run build`（因为 `npm run dev` 在我的本地主机 URL 上卡住了），然后在 `public` 文件夹中出现了一个名为 `build` 的文件夹，在这个文件夹中有 `assets/style.0327f7a6.css` 和 `app.334e7359.js`，但是我该如何将它们包含在我的模板中呢？

我尝试过：``，但是得到了 404 错误...

P.S 我没有使用 mix.js（它没有包含在此 Laravel 安装中，不知道为什么），我使用 `vite.config.js` P.P.S 我是 Laravel 的新手，所以有人可以帮助我吗？我搜索了所有的谷歌，但找不到解决我的问题的方法...

- vladimir

Answer 1

好的，经过查看一些SO问题后，我发现现在使用Vite.js 配置文档需要将所有css文件通过import导入到app.js文件中，然后从vite.config.js中移除css文件，之后运行npm run dev将卡在APP_URL上，但它会编译所有文件并将它们启动到打开的浏览器窗口中！ 因此，之后我们只需要像这样在头部包含我们的文件 @vite(['resources/css/style.css', 'resources/js/app.js']) 就可以了。

- vladimir

Answer 2

assets方法查看公共文件夹。所以{{assets('css/style.css')}}查看路径public/css/style.css，但在那里找不到任何内容。对于您的路径，您需要更改代码以查看正确的路径，即{{assets('build/assets/style.0327f7a6.css')}}

- Kolovos Konstantinos