@Georg77

Gulp не компилирует scss-код в папку dist в VSCode?

Подскажите пожалуйста, что не так, почему выдаёт ошибку терминал?
1. Есть файл package.json :
{
  "name": "gulp-scss-init",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "dev": "npx gulp watch"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "gulp": "^4.0.2",
    "gulp-autoprefixer": "^8.0.0",
    "gulp-sass": "^5.0.0",
    "node-sass": "^6.0.1"
  }
}

2. Есть gulpfile.js :
const { task, src, watch, dest } = require('gulp');
const autoprefixer = require('gulp-autoprefixer');
const sass = require('gulp-sass');

sass.compiler = require('node-sass');

function scss() {
    return src('src/scss/**/*.scss')
        .pipe(sass.sync().on('error', sass.logError))
        .pipe(autoprefixer())
        .pipe(dest('dist/css'))
}

task('watch', () => {
    watch('src/scss/**/*.scss', scss);
});


3. Вот структура проекта60e00ca83c9fc016395774.png

Почему не компилирует файл style.scss в папку dist и не создаёт файл style.css

В терминале выдаёт такую ошибку:
TypeError: sass.sync is not a function
    at scss (C:\Users\yuriy\Desktop\EASY CODE\WEEK7\Учебная\Gulp-Scss-Init\gulpfile.js:9:20)
    at bound (domain.js:416:15)
    at runBound (domain.js:427:12)
    at asyncRunner (C:\Users\yuriy\Desktop\EASY CODE\WEEK7\Учебная\Gulp-Scss-Init\node_modules\async-done\index.js:55:18)
    at processTicksAndRejections (internal/process/task_queues.js:77:11)
  • Вопрос задан
  • 91 просмотр
Пригласить эксперта
Ваш ответ на вопрос

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

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