FedyaAsker
@FedyaAsker
Постоянно что то не понимаю...

Почему не работает Gulp autoprefixer вместе с sourcemaps?

При запуске задачи style из
gulpfile.js

const gulp = require('gulp'),
      sass = require('gulp-sass'),
      sourcemaps = require('gulp-sourcemaps'),
      autoprefixer = require('gulp-autoprefixer'),
      browsersync = require('browser-sync').create();

function style() {
  return gulp.src('./source/sass/style.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(sourcemaps.write('./maps'))
    .pipe(autoprefixer({cascade: true}))
    .pipe(gulp.dest('./build/css/'))
    .pipe(browsersync.stream());
};

function watch() {
  browsersync.init({
    server: {
      baseDir: './build/'
    },
      port: 3000,
      notify: false
  });
  gulp.watch('./source/sass/**/*.scss', style);
  gulp.watch('./source/*.html').on('change', gulp.series(browsersync.reload));
  gulp.watch('./source/js/**/*.js').on('change', gulp.series(browsersync.reload));
};

exports.style = style;
exports.watch = watch;


консоль выдает ошибку и функция не запускается...
Но стоит убрать пайп - .pipe(autoprefixer({...})), как соурсмапы начинают корректно отображаться..
Как подружить соурсмапы с автопрефиксером?? Уже несколько дней читаю мануалы и никак не получается сделать чтобы работало...
Если что, галп версии 4.0.2
package.json

{
  "name": "Project",
  "version": "1.0.0",
  "description": "MyNewProject",
  "main": "gulpfile.js",
  "dependencies": {},
  "devDependencies": {
    "browser-sync": "^2.26.3",
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^6.1.0",
    "gulp-sass": "^4.0.2",
    "gulp-sourcemaps": "^2.6.5",
    "gulp-watch": "^5.0.1",
  },
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
  },
  "browserslist": [
    "since 2015",
    "IE 10"
  ],
  "author": "Fedya",
  "license": "ISC"
}

  • Вопрос задан
  • 255 просмотров
Пригласить эксперта
Ответы на вопрос 1
Martovitskiy
@Martovitskiy
function style() {
  return gulp.src('./source/sass/style.scss')
    .pipe(sourcemaps.init())
    .pipe(sass().on('error', sass.logError))
    .pipe(autoprefixer({cascade: true}))
    .pipe(sourcemaps.write('./maps'))
    .pipe(gulp.dest('./build/css/'))
    .pipe(browsersync.stream());
};

sourcemaps.write после autoprefixer
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы