Question

我有设置gulp的问题。当我想使用插件时，我看到了这个问题。 IE浏览器。添加安装“juriejan / raty＃bower-package-fix”，我看不到图像。

我认为源的路径很糟糕（我的设置..），因为插件需要图像路径'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'
};

bower安装在'public / images /'

中创建图像文件

项目树

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/'));
});

Answer 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/或不改变路径并直接设置图像选项，如上面的演示所示

一口凉亭图像路径

1 个答案: