2015-03-19 3 views
0

У меня проблема с настройками gulp. Я вижу эту проблему, когда хочу использовать плагин. То есть. add to install "juriejan/raty # bower-package-fix" и I не видят изображения.Путь изображения Gulp bower

Я думаю, что путь источника плох (мои настройки ..), потому что плагин хочет путь изображения «star-half.png», но теперь работает только тогда, когда я изменяю это на «/images/star-half.png ».

В build.js я есть:

var gulp = require('gulp'); 

var paths = gulp.paths; 

var $ = require('gulp-load-plugins')({ 
    pattern: ['gulp-*', 'main-bower-files', 'uglify-save-license', 'del'] 
}); 

gulp.task('images', function() { 
    return gulp.src($.mainBowerFiles()) 
    .pipe($.filter('**/*.{png,jpg,jpeg,bmp}')) 
    .pipe($.flatten()) 
    .pipe(gulp.dest(paths.dist + '/images/')); 
}); 
gulp.task('build', ['html', 'images', 'fonts', 'misc']); 

и gulpfile:

var gulp = require('gulp'); 

gulp.paths = { 
    src: 'src', 
    dist: '../public', 
    tmp: '.tmp', 
    e2e: 'e2e' 
}; 

становой установки создать файл образа в 'общественных/изображений /'

дерево проекта

my-app 
    |-front 
    |- bower.json 
    |- package.json 
    |- public 
    |-images 

Я стараюсь СТГ, как это, но сталь не работает:

gulp.task('images', function() { 
    return gulp.src(paths.src + '/images/**/*') 
     .pipe(gulp.dest(paths.dist + '/images/')); 
}); 

ответ

1

Взгляните на демо включены raty

Вы можете увидеть здесь, как они проповедуют путь к изображениям:

$('#starHalf').raty({ 
    half  : true, 
    path  : null, 
    starHalf : 'demo/images/star-half-mono.png', 
    starOff : '../lib/images/star-off.png', 
    starOn : '../lib/images/star-on.png' 
}); 

https://github.com/wbotelhos/raty/blob/master/demo/index.html#L3702

Если вы уже используете gulp для копирования изображений в папку /images/, вы можете установить путь к /images/ или не измените путь и установите параметр для изображений, как показано выше.

+0

Затем мои настройки верны или путь должен быть '/ assets/images /'? Я спрашиваю, потому что, когда я борюсь с этим, у меня есть этот странный путь. – Darex1991

+0

Где вы можете получить доступ к изображениям при создании? Это должен быть путь. – DTing

+0

Когда я использую команду «gulp serve: dist» из https://github.com/Swiip/generator-gulp-angular#use-gulp-tasks. Все пакеты создают файлы публично. Т.е. plugin 'Rate' создавать изображения в общедоступных/изображениях, другие использовать шрифты из общедоступных/шрифтов и т. д. Когда я меняю этот путь: gulp.task ('images', function() { return gulp.src (paths. src + '/ images/**/*') .pipe (gulp.dest (paths.dist + '/ images /')); }); Он изменит путь для всех изображений? – Darex1991

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