Laravel 5正在加载旧的CSS

Question

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

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

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

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

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

Answer 1

你应该清除所有缓存.首先,清除视图缓存:

php artisan view:clear
php artisan cache:clear

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

Answer 2

您应该通过 Laravel mix 中的版本控制使用“缓存破坏”功能，以便为每个保存的新 .css 文件提供一个唯一的 ID。这样，每次更改都会强制浏览器获取最新版本的 css 文件。你甚至不需要硬刷新！

真的很容易实现。只需添加version()到您的组合中：

mix.js('resources/js/app.js', 'public/js')
  .version();

然后使用mix()而不是.js 或 .css 资源引用您的 .js 或 .css 资产asset()。

<script src="{{ mix('/js/app.js') }}"></script>

如果您在本地看到 css 的缓存问题，那么对于您的站点用户来说，情况只会更糟，他们最终可能会看到过时/同步 css 文件的各种问题。

这是这个问题的解决方案，每个人都应该在生产环境中使用它。