带有指纹资产的Chrome工作区

Question

Chrome工作区:假设我将本地CSS文件映射到本地http服务器提供的文件.一切都很好,我可以在浏览器中修改文件,在页面刷新后我的更改仍然存在.

我们碰巧指纹我们的资产,以便通过网址引用它们styles.css?longuniquehash.很棒的做法 - 这样我们可以使用积极的缓存,并确保客户端将使用最新的资产.

但是,这会对工作空间产生一些反作用,因为每当更新URL时映射都会丢失.简而言之:我们映射styles.css?123到本地资源,我们更改它,并在页面刷新时返回,styles.css?234因为必须再次映射.

我们正在使用卡带,但问题可以通过指纹识别在任何设置上重现.我缺少一个设置或解决方法吗？

Answer 1

我假设您不在实时服务器上进行开发（如果您这样做，请停止并在本地计算机或至少在测试服务器上进行开发），因此您仅在实时环境中激活“缓存破坏程序”。我们总是有一种快速的方法来检查我们在所有项目上运行的环境，因此只需在附加“?123”查询之前进行检查即可。我不知道如何在代码中解决这个问题，您也可以将其添加到您的 htacces 中（如果您使用的是 apache）

SetEnvIf Host 'local.domain.com' runenv=local

RewriteCond %{ENV:runenv} ^local$
RewriteCond %{REQUEST_URI} .*\.css
RewriteCond %{QUERY_STRING} !^$
RewriteRule ^(.*)$ /$1? [R=301,L]