Source maps CSS源映射是否可以位于子目录中

我希望我的源映射是一个子目录，相对于CSS目录，例如

styles/css/components/
styles/css/components/maps/

使用my base.css的源地图注释

/*# sourceMappingURL=maps/base.css.map */

在谷歌阅读文档时，我得到的印象是，源地图只需要一个相对路径（我假设是相对于CSS目录），但是似乎没有浏览器能够读取此URL，我做错了什么

我正在使用POSTSS btw，我的代码是：

postcss: {
  css: {
    src: 'styles/css/components/**.css',
    options: {
      map: {
        inline: false,
        annotation: 'styles/css/components/maps/',
      },
      processors: [
        require('autoprefixer')({browsers: 'last 2 versions'})
      ]
    }
  }
},

---

如果你使用gulp，这个插件可以帮助你

---

如果你使用gulp，这个插件可以帮助你

var gulp = require('gulp');
var plugin1 = require('gulp-plugin1');
var plugin2 = require('gulp-plugin2');
var sourcemaps = require('gulp-sourcemaps');

gulp.task('javascript', function() {
  gulp.src('src/**/*.js')
    .pipe(sourcemaps.init())
      .pipe(plugin1())
      .pipe(plugin2())
    .pipe(sourcemaps.write('../maps'))
    .pipe(gulp.dest('dist'));
});