title: gulp sourcemap is created but not working
body: <p><strong>Styles</strong></p>
  
  <p>styles.less</p>
  
  <pre><code>@import "one.less";
  @import "two.less";
  </code></pre>
  
  <p>one.less</p>
  
  <pre><code>body { background:red; }
  </code></pre>
  
  <p>two.less</p>
  
  <pre><code>body { font-size: 12px; }
  </code></pre>
  
  <p><strong>Gulpfile.js</strong></p>
  
  <pre><code>var gulp = require('gulp');
  var less = require('gulp-less');
  var sourcemaps = require('gulp-sourcemaps');
  
  gulp.src('./src/assets/less/styles.less')
    .pipe(less())
    .pipe(sourcemaps.init({loadMaps: true}))
    .pipe(sourcemaps.write('./'))
    .pipe(gulp.dest('./dist/css/'));
  </code></pre>
  
  <p><strong>result:</strong> styles.css + styles.map.css are created but the map file doesn't load when i enter the web page (and also when i inspect "body" i see styles.css)</p>
  
  <p><strong>Links<br></strong>
  gulp less - <a href="https://github.com/plus3network/gulp-less" rel="nofollow">https://github.com/plus3network/gulp-less</a><br/>
  gulp-sourcemaps - <a href="https://github.com/floridoo/gulp-sourcemaps" rel="nofollow">https://github.com/floridoo/gulp-sourcemaps</a></p>
  
  <p>I'm so frustrated, i'd appreciate any help. thanks.</p>