Changement src du script bower_components à cdn si gulp

Question

j'ai quelques scripts tag

<script type="text/javascript" src="bower_components/angular/angular.min.js" cdn="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 

<script type="text/javascript" src="bower_components/angular-messages/angular-messages.min.js" cdn="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-messages.min.js"></script> 

que je veux changer à

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script> 

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular-messages.min.js"></script> 

J'ai essayé cdnify mais nous devons coder tout Gulp lui-même. Je veux plus de contrôle à partir du fichier HTML lui-même, il sera donc facile de contrôler si j'utilise des URLs cdn différentes.

Answer 1

Vous pouvez utiliser gulp-replace pour modifier vos fichiers html, et utiliser une expression régulière /src="(.+?)"\scdn="(.+?)"/gmi

Cela devrait fonctionner:

var replace = require('gulp-replace'); 

gulp.task('replace-cdn', function(){ 
    gulp.src(['index.html']) 
    .pipe(replace(/src="(.+?)"\scdn="(.+?)"/gmi, 'src="$2"')) 
    .pipe(gulp.dest('build ')); 
});