Модуль Gulp sourcemaps не создает файл, ошибок нет - PullRequest
Новая
       36

Модуль Gulp sourcemaps не создает файл, ошибок нет

0 голосов
/ 03 июня 2018

Я работаю над рабочим процессом gulp и только что отправил gulp-sourcemaps в свой конвейер.Однако он не создает файл Sourmap, как следует.Я свободно admint что я смущен параметром назначения папки.Я хотел бы, чтобы исходная карта находилась в той же папке, что и мой css-файл, если только для этого нет веской причины.

package.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"
  }
}

Gulpfile.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));
});

1 Ответ

0 голосов
/ 03 июня 2018

Это оказалось глупой ошибкой, но я забыл инициализировать gulp-sourcemaps в начале моей задачи gulp, используя sourcemaps.init ().

Пример: 

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));
});
...