Исходные карты в gulp не отображаются в файлы

Я искал связанные вопросы и не нашел ответа (или вопроса, в этом отношении) для этого. Большинство вопросов касаются неправильных путей или исходных карт, которые не генерируются, но я не нашел ничего подобного.

Когда я выполняю эту задачу, я получаю уменьшенный файл css (bootstrap.min.css) и файл исходной карты (bootstrap.min.css.map).

Но, когда я проверяю код, который использует эти файлы, НЕКОТОРЫЕ части направляют меня в bootstrap.css (который не существует), например, если источником является обработанный файл меньшего размера, а не меньше самих файлов... и НЕКОТОРЫЕ части ДОЛЖНЫ направлять меня в.less файл.

Части, которые направляют меня в bootstrap.css, переносят меня в сгенерированный css, а не минимизируют. Но мне это нужно, чтобы привести меня к файлу без исходного кода (именно поэтому нам нужны исходные карты в первую очередь)

Внутри сгенерированной исходной карты в исходниках есть ссылка на bootstrap.css, но не создается сгенерированный bootstrap.css.

Это происходит с моей задачей bootstrap.less, но также с некоторыми другими задачами, которые практически идентичны.

Я не нашел ни одного паттерна, который бы говорил мне, почему некоторые части приводят меня к меньшему количеству файлов, а другие нет.

Я целый день дергал себя за волосы, пытаясь понять, что не так!

Я надеюсь, что вы можете помочь.

var less         = require('gulp-less');
var gulpif       = require('gulp-if');
var sourcemaps   = require('gulp-sourcemaps');
var gulp         = require('gulp');
var autoprefixer = require('gulp-autoprefixer');
var csscomb      = require('gulp-csscomb');
var minify       = require('gulp-minify-css');
var rename       = require("gulp-rename");
var plumber      = require('gulp-plumber');

// config
var config = require('../../../config.json');

// options
var options = require('../../options/styles');
var useSourcemap = true;

gulp.src(config.source.less + '/bootstrap.less')
            .pipe(plumber())
            .pipe(gulpif(useSourcemap, sourcemaps.init()))
            .pipe(less(options.less))
            .pipe(autoprefixer(options.autoprefixer))
            .pipe(csscomb(options.csscomb))
            .pipe(minify(options.minify))
            .pipe(rename({
                extname: '.min.css'
            }))
            .pipe(gulpif(useSourcemap, sourcemaps.write('./', {includeContent: true, sourceRoot: '/sourcemaps'})))
            .pipe(gulp.dest(config.destination.base + config.destination.css));
    }
};

И файл опций...

var config = require('../../config.json');
module.exports = {
  less: {
    strictMath: false,
    paths: [
      config.source.less,
      config.bootstrap.less,
      config.bootstrap.mixins
    ]
  },
  autoprefixer: {
    browsers: config.autoprefixerBrowsers
  },
  csscomb: {
    configPath: config.source.less + '/.csscomb.json'
  },
  minify: {
    compatibility: 'ie8',
    keepSpecialComments: '*',
    advanced: false
  }
};

0 ответов

Другие вопросы по тегам