Question

我一直在搜索相关问题，但没有找到答案（或问题）。大多数问题都是关于错误的路径或未生成的源图，但我还没有找到类似的东西。

当我处理这个任务时，我得到一个缩小的css文件（bootstrap.min.css）和一个源图文件（bootstrap.min.css.map）。

但是，当我检查使用这些文件的代码时，有些部分将我引导到bootstrap.css（它不存在），就好像源是处理较少的文件，而不是较少的文件本身......和SOME部分直接指向.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
  }
};

gulp中的源映射不映射到文件

0 个答案: