title: Gulp.js: how to rewrite relative paths?
body: <p>Structure:</p>
  
  <pre><code>static
  ├── build
  │   ├── css
  │   ├── fonts
  │   ├── img
  │   └── js
  └── src
      ├── blocks
      ├── fonts
      └── img
  </code></pre>
  
  <p>Piece of gulpfile.js:</p>
  
  <pre><code>var path = {
          build: {
              js: 'static/build/js',
              css: 'static/build/css',
              fonts: 'static/build/fonts',
              img: 'static/build/img'
  
          },
          src: {
              vendor_fonts: ['bower_components/**/*.{svg,woff,eot,ttf}', 'semantic/**/*.{svg,woff,eot,ttf}'],
              vendor_img: ['bower_components/**/*.{png,jpg,jpeg,gif}', 'semantic/**/*.{png,jpg,jpeg,gif}']
  
          }
  };
  
  gulp.task('vendor:img', function(){
      return gulp.src(path.src.vendor_img)
          .pipe(imagemin({
              progressive: true,
              interlaced: true,
              use: [pngguant()]
          }))
          .pipe(gulp.dest(path.build.img))
  });
  
  gulp.task('vendor:fonts', function() {
      gulp.src(path.src.vendor_fonts)
          .pipe(gulp.dest(path.build.fonts))
  });
  </code></pre>
  
  <p>When i build 3-party packages (such as fotorama or semantic ui), they have a relative paths - as a result, <strong>main.css</strong> have only relative paths and server cant't find them.</p>
  
  <p>How i can solve this?</p>