Button html css scss gulp js
Первая сборка
В VSCode открываем наш проект. 1. Запускаем терминал и вводим: npm init -y И в корневой папке у нас появился файл package.json - основа для установки зависимостей. 2. Устанавливаем Gulp и плагины - необходимы для компиляции SCSS, минификации CSS/JS, оптимизации изображений и live-reload. Вводим в терминале: npm install --save-dev gulp gulp-sass sass gulp-clean-css gulp-autoprefixer gulp-sourcemaps gulp-uglify gulp-concat gulp-imagemin browser-sync del После установки в структуре проекта появился файл package-lock...
Gulp. Плагины. Компиляция SCSS в CSS
Мы продолжаем изучать Gulp. Сегодня мы рассмотрим необходимость плагинов в Gulp, установим один из них (для компиляции Sass файлов в CSS).
Для выполнения различных задач на front’е с помощью Gulp нужно установить плагины. Они устанавливаются как обычные npm пакеты. Для компиляции sass в css мы будем использовать плагин gulp-sass...