Gulp 源映射模块未创建文件，没有错误

Question

我正在处理一个 gulp 工作流程，并且刚刚通过管道将gulp-sourcemaps传输到我的管道。但是，它确实没有像它应该的那样创建 sourmapfile。我自由地管理我对文件夹目标参数感到困惑。我希望源映射与我的 css 文件位于同一文件夹中，除非有充分的理由不这样做。

包.json

{
"name": "gulp-intro",
"version": "1.0.0",
"description": "Simple Gulp introduction",
"main": "index.js",
"scripts": {
"test": "echo "Error: no test specified" && exit 1"
},
"author": "",
"license": "ISC",
"devDependencies": {
"gulp": "^3.9.1",
"gulp-autoprefixer": "^5.0.0",
"gulp-rename": "^1.2.3",
"gulp-sass": "^4.0.1",
"gulp-sourcemaps": "^2.6.4"
}
}

古尔普文件.js

/**
* = Gulp specific dependencies
*/
const gulp          = require('gulp');
const rename        = require('gulp-rename');
/**
* = CSS Style task
*/
const sass          = require('gulp-sass');
const autoprefixer  = require('gulp-autoprefixer');
const sourcemaps    = require('gulp-sourcemaps');

const styleSrc      = './src/scss/style.scss';
const styleDist     = './assets/css/';
gulp.task('style', () => {
gulp.src(styleSrc)
.pipe(sass({
errorLogToConsole: true,
outputStyle: 'compressed'
}))
.on('error', console.error.bind(console))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(styleDist));
});

Answer 1

事实证明这是一个愚蠢的错误，但我忘记在 gulp 任务开始时使用 sourcemaps.init(( 初始化 gulp-sourcemaps。

例：

gulp.task('style', () => {
gulp.src(styleSrc)
// Initialize sourcemaps  
===> .pipe(sourcemaps.init() <===
.pipe(sass({
errorLogToConsole: true,
outputStyle: 'compressed'
}))
.on('error', console.error.bind(console))
.pipe(autoprefixer({
browsers: ['last 2 versions'],
cascade: false
}))
.pipe(rename({
suffix: '.min'
}))
.pipe(sourcemaps.write('./'))
.pipe(gulp.dest(styleDist));
});