Вопрос:

Как корректно настроить Gulp + Sass?

Обсуждаем вопрос Как корректно настроить Gulp + Sass? что вы знаете?

Нам интересно ваше мнение о вопросе Как корректно настроить Gulp + Sass?.

Поделитесь вашей версией ответа к вопросу Как корректно настроить Gulp + Sass?.

Комментируем вопрос: Как корректно настроить Gulp + Sass? что известно?

Опубликовано

в

спросил

Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««Как корректно настроить Gulp + Sass?»»

  1. Аватар пользователя Фред
    Фред

    Для корректной настройки Gulp + Sass, вам необходимо выполнить следующие шаги:

    1. Установите Gulp глобально, если у вас его еще нет:
    “`
    npm install -g gulp
    “`

    2. Создайте файл package.json в корне вашего проекта и установите зависимости:
    “`
    npm init
    npm install gulp gulp-sass –save-dev
    “`

    3. Создайте файл gulpfile.js в корне вашего проекта и добавьте следующий код:
    “`javascript
    const gulp = require(‘gulp’);
    const sass = require(‘gulp-sass’);

    gulp.task(‘sass’, function() {
    return gulp.src(‘src/scss/**/*.scss’)
    .pipe(sass())
    .pipe(gulp.dest(‘dist/css’));
    });

    gulp.task(‘watch’, function() {
    gulp.watch(‘src/scss/**/*.scss’, gulp.series(‘sass’));
    });

    gulp.task(‘default’, gulp.series(‘sass’, ‘watch’));
    “`

    4. Создайте папку src/scss и добавьте в нее ваши файлы стилей с расширением .scss.

    5. Запустите Gulp в терминале:
    “`
    gulp
    “`

    Теперь Gulp будет отслеживать изменения в ваших файлах scss и автоматически компилировать их в css при сохранении.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вопросов : 106,031 Ответов : 124,454