laravel 项目修改 css 后样式不更新是因浏览器缓存旧文件，需在 webpack.mix.js 中添加 .version() 并用 {{ mix('css/app.css') }} 替换硬编码路径；测试时应禁用缓存驱动；还需手动清除 public/css、public/js 及配置与视图缓存。
当你修改了 Laravel 项目的 CSS 文件，刷新页面却还是旧样式，不是代码没生效，而是浏览器死死抓着上一版 CSS 不放——它根本没去请求新文件。
用 Mix.version() 强制浏览器加载新 CSS
这一步必须在 webpack.mix.js 里加 .version()，否则编译出来的 CSS 文件名不变，浏览器就认它是同一个资源。
打开项目根目录下的 webpack.mix.js 文件，在 mix 链式调用末尾添加 .version()：
【mix.js('resources/js/app.js', 'public/js').sass('resources/sass/app.scss', 'public/css').version();】
运行 npm run production 编译，public/css/ 下会生成类似 app.css?id=8a2f1e 这样的带哈希后缀的文件。
把 Blade 模板里原来的 替换成 {{ mix('css/app.css') }}，Laravel 会自动映射到当前哈希路径。
注意：mix() 函数只在 Laravel 应用上下文中有效，不能直接写成 后还放在纯 HTML 文件里——它必须经 PHP 解析。
测试环境彻底禁用缓存驱动
如果你正在跑 PHPUnit 测试，而 CSS 行为异常，大概率是 config:cache 把开发配置固化了，导致测试时仍走 file 或 redis 缓存。
方法一：改 .env
把 CACHE_DRIVER=file 改成 CACHE_DRIVER=array，然后执行 php artisan config:clear。
方法二：改 phpunit.xml（更可靠）
在
方法三：动态覆盖（适合单测隔离）
编辑 tests/CreatesApplication.php，在 createApplication() 方法里 $app = require __DIR__.'/../bootstrap/app.php'; 后插入两行：
$app->configure('cache');
$app['config']->set('cache.default', 'array');
手动清除已残留的前端缓存文件
有时候 npm run dev 编译中断过，public/css 下会混着旧版和新版 CSS，mix() 可能读错映射表。
第一步：删光 public/css/ 和 public/js/ 下所有文件，留空目录。
第二步：执行 php artisan config:clear && php artisan view:clear。
第三步：重新运行 npm run dev 或 npm run production。
这一步不能跳——mix-manifest.json 若指向一个已被删除的旧哈希文件，页面就会 404 加载 CSS。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
