解决(现代化的浏览器,会对静态文件进行缓存)问题

现代化的浏览器,会对静态文件进行缓存,静态文件在本课程的范畴内,指的是 .css 、.js 后缀的文件

对用户很友好,对开发人员就不太友好了!

Laravel Mix 给出的方案是为每一次的文件修改做哈希处理。只要文件修改,哈希值就会变,提醒客户端需要重新加载文件,很巧妙地解决了我们的问题。我们只需要对 webpack.mix.js 稍作修改,即可使用此功能:

webpack.mix.js这个文件

const mix = require('laravel-mix');

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

.sass('resources/sass/app.scss', 'public/css').version();

就仅仅加了   version();

解决(现代化的浏览器,会对静态文件进行缓存)问题_第1张图片


注意:每当我们修改 webpack.mix.js 文件时,都需要重启 watch-poll 命令。Windows 下 ctrl+c 或者 Mac 下 command+c 停止,然后重新运行 npm run watch-poll 即可。

npm run watch-poll

来自《L01 Laravel 教程 - Web 开发实战入门 ( Laravel 9.x )》 | Laravel China 社区这本书哦!!

正在学习中!!!!

你可能感兴趣的:(缓存)