2015-05-23 2 views
0

Я использую gulp cdnify в первый раз. Я начинаю с простого примера. Мой HTML содержит это:Gulp CDNify Основной пример

<script src="js/jquery-2.1.3.min.js"></script> 
</body> 
</html> 

И мой gulpfile содержит следующее:

var cdnizer = require("gulp-cdnizer"); 
gulp.src("index.html") 
     .pipe(cdnizer([ 
      { 
       file: 'js/jquery-2.1.3.min.js', 
       cdn: 'google:[email protected]' 
      } 
     ])) 
     .pipe(gulp.dest(bases.dist)); 
}); 

HTML, в результате DIST файла выглядит следующим образом:

 <script src="js/jquery-2.1.3.min.js"></script> 
</body> 
</html> 
js"></script><script>if(!(window.jQuery)) cdnizerLoad("js/jquery-2.1.3.min.js");</script> 
</body> 
</html> 

Что я сделал беспорядок?

+0

Вы используете этот модуль? https://github.com/OverZealous/gulp-cdnizer –

+0

На самом деле, это странно, но кажется правильным, учитывая README на github. Попробуйте использовать другой модуль https://github.com/anhulife/gulp-cdn-absolute-path или https://github.com/kaiqigong/gulp-cdnify. Для меня, но я никто, gulp-cdnizer странный. Я не понял, почему так работает. –

ответ

0

Это потому, что вы поставили функцию в задачу.

Это будет работать.

var gulp = require('gulp'); 
var cdnizer = require("gulp-cdnizer"); 
gulp.task('default', function(){ 
    gulp.src("index.html") 
     .pipe(cdnizer([ 
      { 
       file: 'js/jquery-2.1.3.min.js', 
       cdn: 'google:[email protected]' 
      } 
     ])) 
     .pipe(gulp.dest(bases.dist)); 
}); 

Вы затем просто запустить это, gulp в вашем терминале. Он выполнит задание по умолчанию.

Смежные вопросы