javascript - Gulp BootstrapCSS 源映射

Question

我正在尝试通过库生成以下CSS Source Map文件。gulp.jsBootstrapCSS

我的 gulp 任务如下：

bower = 需要'main-bower-files' sourcemaps = 需要'gulp-sourcemaps' cssmin = 需要'gulp-minify-css' gulpFilter = 需要'gulp-filter'

gulp.task 'compileVendorLibraries', ->
    cssFilter = gulpFilter(['**/*.css'])
    gulp.src bower()
    .pipe cssFilter
    .pipe gulp.dest(dist.css + 'css')
    .pipe sourcemaps.init()
    .pipe rename({suffix: ".min"})
    .pipe cssmin()
    .pipe sourcemaps.write()
    .pipe cssFilter.restore()

在index.html我有：

<link href="app/stylesheets/css/bootstrap.min.css" rel="stylesheet" type="text/css">

但是，我bootstrap.css在 Chrome 中没有得到“原始”文件（源地图已激活）

而当我.less按如下方式为我的自定义文件执行此操作时，我得到了我原来的“styles.less”文件：

gulp.src sources.less
    .pipe sourcemaps.init()
    .pipe less()
    .on 'error', swallowError
    .pipe cssmin()
    .pipe sourcemaps.write()
    .pipe gulp.dest dist.css + 'css'