如何在更改后自动重新缓存css和js文件

Question

更改js和css脚本后，更新浏览器缓存出现问题。

      $this->assets
      ->addJs('//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', false)
->addJs('/timeline.js', false);

我想添加带有帮助filemtime函数的版本文件。有变体吗？

Answer 1

始终可以在末尾添加一个时间参数。每次部署代码时，或者在需要时，您都可以更新该变量(例如在您的配置中)，它将使以前的缓存无效。

例如：

Config

$config['assetCache'] = '20160630174000';

控制器

  $this->assets
    ->addJs(
        '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js?v=' . $this->config->get('assetCache'), 
        false
    )
    ->addJs('/timeline.js?v=' . $this->config->get('assetCache'), false);

这样做的最终结果是在末尾添加缓存字符串，如下所示：

<script src="/timeline.js?v=20160630174000"></script>

下一次部署或决定更新JS时，请更改配置中的assetCache值，从而使前面的文件无效。