Изменение значения атрибута src index.html в другое значение с использованием Grunt

Question

Я пытаюсь изменить файл project.html project.html в другой файл src.

У меня в настоящее время

<script src="../bower_components/jquery/dist/jquery.min.js"></script> 
<script src="../bower_components/angular/angular.min.js"></script> 

теперь я хочу, чтобы преобразовать его в как этот

<script src="bower_components/jquery/dist/jquery.min.js"></script> 
<script src="bower_components/angular/angular.min.js"></script> 

, как я могу сделать это с помощью хрюканье ??

Thanks

Answer 1

Предложение @danywalls верное.

Плагин grunt-processhtml может, безусловно, соответствовать вашим требованиям.

Во-первых добавить, что плагин к вашему package.json:

$ npm install grunt-processhtml --save-dev

Затем добавьте special comments вокруг ваших <script> теги в источнике index.html следующим образом:

<!--build:js bower_components/jquery/dist/jquery.min.js--> 
<script src="../bower_components/jquery/dist/jquery.min.js"></script> 
<!--/build--> 

<!--build:js bower_components/angular/angular.min.js--> 
<script src="../bower_components/angular/angular.min.js"></script> 
<!--/build--> 

ПРИМЕЧАНИЕ: Внутри <!--build:js ... --> комментарий Вы просто укажите путь src, который вы хотите включить в результирующий index.html.

Следующие добавить задачу, подобную этому ваши Gruntfile.js:

module.exports = function (grunt) { 

    grunt.initConfig({ 

     pkg: grunt.file.readJSON('package.json'), 

     /* Update script src attribute in .html */ 
     processhtml: { 
      updateScriptLinks: { 
       files: { 
        // NOTE: Adjust the paths below according to your project directory structure 
        './dist/index.html': ['./src/index.html'] // destination : source 
       } 
      } 
     } 

    }); 

    grunt.loadNpmTasks('grunt-processhtml'); 

    grunt.registerTask('default', [ 
     'processhtml:updateScriptLinks' 
    ]); 

};