Laravel 5正在加载旧的CSS

时间:2016-12-15 09:36:52

标签: html css laravel gulp

我正在编辑位于resources \ assets \ sass \ app.css中的css然后我运行gulp watch但似乎laravel忽略了我在css中所做的更改。

我尝试直接在public \ css \ app.css中编辑css,但是当我在浏览器中查看我的页面时,样式仍无效。

例如,我的页面背景颜色为白色,但我将其更改为红色,浏览器中我的页面背景仍为白色。

当我在浏览器中尝试查看源并单击文件名时 ,背景色:#fff;

希望你明白我的观点。你对此有什么想法吗?

4 个答案:

答案 0 :(得分:5)

您应该清除所有缓存。首先,清除视图缓存:

php artisan view:clear
php artisan cache:clear

然后清除浏览器缓存并重新加载页面。

答案 1 :(得分:1)

尝试进行硬刷新。 Windows上的 Ctrl + F5 我想,在Mac上它是 Cmd + Shift + R

答案 2 :(得分:0)

您应该通过Laravel混合中的版本控制来使用“缓存清除”,以便为每个保存的新.css文件提供唯一的ID。这样,所做的每一次更改都将迫使浏览器获取css文件的最新版本。您甚至都不需要硬刷新!

如果您在本地看到css的缓存问题,那么对于您的站点用户来说,情况只会更糟,他们最终可能会看到过时的/同步css文件导致各种问题。这是解决此问题的方法,每个人都应在生产环境中使用它。

易于实施: https://laravel.com/docs/5.7/mix#versioning-and-cache-busting

答案 3 :(得分:0)

您还可以使用作曲器刷新自动加载的文件并清除缓存。在您的项目根目录中,运行:

composer dump-autoload

composer clear-cache

这应该删除您的旧CSS文件