Grunt минифицированные файлы JS и CSS с версией в кеше браузера

Мы впервые используем grunt в нашем проекте, и я потратил много времени на google и stackoverflow, но не смог найти для него решения, в настоящее время у меня есть минимизированный файл JS и CSS, но в браузере я хочу добавить версию для минифицированного JS и Файл CSS, который является production.js и production.css, так что есть ли способ использовать grunt или в узле, чтобы добавить версию в файл в кеше браузера всякий раз, когда файлы ресурсов (js и css) изменяются

Concat.js

module.exports = function(grunt) {

grunt.config.set('concat', {


    dist: {
        src: ['assets/styles/style.css','assets/styles/bootstrap.css', 'assets/styles/font-awesome.css','assets/styles/jquery-ui.css'],
        dest: 'assets/concat/production.css'
    },

  js: {
        src: ['assets/js/src/jquery-2.1.3.js',


    assets/js/src/jquery-ui.js',


 'assets/js/src/bootstrap.js',

 'assets/js/src/bootstrap-switch.js',

 'assets/js/src/moment.js',

 'assets/js/src/angular.js',


 'assets/js/jquery.gritter.min.js',

 'assets/js/dependencies/elements.js',

 'assets/js/dependencies/layout.js',

  'assets/js/dependencies/init.js',

 'assets/js/dependencies/js_importer.js',

 'assets/js/dependencies/sib_common.js',

  'assets/js/angular-sanitize.min.js',

  'assets/js/angular/home.js'

],
        dest: 'assets/concat/production.js'
    }
});

Index.ejs

<html lang="en">

<script src="/concat/production.js"></script>
<head>
<link href="/concat/production.css" rel="stylesheet" />
</head>
</html>

ИЗМЕНИТЬ

Реализация с использованием filerev, но версия не создана

module.exports = function(grunt) {

grunt.config.set('filerev', {

filerev: {
  options: {
    algorithm: 'md5',
    length: 8
  },
  files: {

    src: ['assets/concat/production.js', 'assets/concat/production.css']

  }
}

});

grunt.loadNpmTasks('grunt-filerev');

};

default.js

module.exports = function (grunt) {




grunt.registerTask('default', 


['compileAssets', 'linkAssets','filerev' , 'watch']);



};

person david warne    schedule 13.03.2015    source источник
comment
Вы смотрели на file-rev? github.com/yeoman/grunt-filerev   -  person David Losert    schedule 13.03.2015
comment
@Charminbear да, но не могу разобраться   -  person david warne    schedule 13.03.2015
comment
Как вы это реализовали? File-rev — это путь к очистке кеша.   -  person David Losert    schedule 13.03.2015
comment
@Charminbear ОТРЕДАКТИРОВАНО вопрос и реализовано с использованием filerev, но все еще не работает, так как версия не создана, пожалуйста, помогите мне!   -  person david warne    schedule 13.03.2015
comment
@davidwarne, ты когда-нибудь работал над этим? Я пытаюсь разорить кеш в проектах парусов.   -  person edencorbin    schedule 01.09.2017


Ответы (1)


Вы можете использовать «ворчание-кэш-брейкер»

npmjs/grunt-cache-breaker

person rrCKrr    schedule 19.12.2018