Для подключения созданного проекта, нужно скопировать: папки app и dist, скопировать файлы: .bowerrc, gulpfile и package.json Когда войдете в проект с вашего IDE то в командной строке пишите gulp i
Начнется установка модулей и зависимостей в проект.
Вам нужно:
1. Инициализация gulp (Shift + ПКМ >> Командная строка). Инициализируем в проекте gulp - npm init. Указываем: Имя проекта, дискрипшен (описываем) и авторство(Shvaika Pavlo)
2. Установка gulp в проект npm i gulp --save-dev
3. Создаем в директории папки app и dist
4. В папке app создаем папки: css, fonts, img, js и sass и файл index.php
5. Создаем в корневой папке gulpfile.js
6. Пишем в нем var gulp = require(‘gulp’); // Подключили gulp
7. Устанавливаем sass – npm i gulp-sass --save-dev
8. Подключаем var sass = require(‘gulp-sass’);
9. Создаем main.sass в папке sass директории app
10. Создаем первый task (функцию sass).
gulp.task('sass', function () {
return gulp.src('app/sass/**/*.sass') // директория где все sass файлы
.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(gulp.dest('app/css')) // куда выгружать css
});
11. Создаем task (автоматическая компиляция sass в css).
gulp.task('watch', function () {
gulp.watch('app/sass/**/*.sass', ['sass'])
});
Потом, пишем в командной строке gulp watch и все.
Смотря какой IDE пользуетесь после того как что то написали сохраняете ctrl+S и все будет компилироваться
Начнется установка модулей и зависимостей в проект.
Вам нужно:
1. Инициализация gulp (Shift + ПКМ >> Командная строка). Инициализируем в проекте gulp - npm init. Указываем: Имя проекта, дискрипшен (описываем) и авторство(Shvaika Pavlo)
2. Установка gulp в проект npm i gulp --save-dev
3. Создаем в директории папки app и dist
4. В папке app создаем папки: css, fonts, img, js и sass и файл index.php
5. Создаем в корневой папке gulpfile.js
6. Пишем в нем var gulp = require(‘gulp’); // Подключили gulp
7. Устанавливаем sass – npm i gulp-sass --save-dev
8. Подключаем var sass = require(‘gulp-sass’);
9. Создаем main.sass в папке sass директории app
10. Создаем первый task (функцию sass).
gulp.task('sass', function () {
return gulp.src('app/sass/**/*.sass') // директория где все sass файлы
.pipe(sass({outputStyle: 'expanded'}).on('error', sass.logError))
.pipe(gulp.dest('app/css')) // куда выгружать css
});
11. Создаем task (автоматическая компиляция sass в css).
gulp.task('watch', function () {
gulp.watch('app/sass/**/*.sass', ['sass'])
});
Потом, пишем в командной строке gulp watch и все.
Смотря какой IDE пользуетесь после того как что то написали сохраняете ctrl+S и все будет компилироваться