1

ソース マップを、CSS ディレクトリに対して相対的なサブ ディレクトリに配置したい。

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

私のbase.cssのソースマップコメント付き

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

Google でドキュメントを読むと、ソース マップには単に相対パス (CSS ディレクトリからの相対パスを想定しています) が必要であるという印象を受けますが、この URL を読み取ることができるブラウザはないようです。何が間違っているのでしょうか?

私は PostCSS を使用していますが、私のコードは次のとおりです。

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

1 に答える 1

0

gulp を使用している場合、このプラグインが役立ちますhttps://github.com/floridoo/gulp-sourcemaps

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'));
});
于 2016-02-09T16:27:55.477 に答える