Исходные карты в 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
}
};