Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- Установить gulp
- sudo npm i -g gulp
- Инициализировать gulp в проекте
- npm init
- Установить gulp в свой проект
- sudo npm i --save-dev gulp
- Установить в проект gulp-sass
- sudo npm i --save-dev gulp-sass
- Пример настройки gulpfile.js
- var gulp = require('gulp');
- var browserSync = require('browser-sync');
- var sass = require('gulp-sass');
- var autoprefixer = require('gulp-autoprefixer');
- var concatCSS = require('gulp-concat-css');
- var ftp = require('gulp-ftp');
- // Static Server + watching scss/html files
- gulp.task('serve', ['sass'], function() {
- browserSync.init({
- server: "src/"
- });
- //Следим за изменениями файлов
- gulp.watch("src/sass/*.sass", ['sass']);
- gulp.watch("src/*.html").on('change', browserSync.reload);
- });
- // Компилируем Sass в SCC и обновляем страницу
- gulp.task('sass', function() {
- return gulp.src("src/sass/*.sass")
- .pipe(sass().on('error', sass.logError))
- .pipe(autoprefixer({
- browsers: ['last 2 versions'],
- cascade: false
- }))
- .pipe(concatCSS('style.css'))
- .pipe(gulp.dest("src/css"))
- .pipe(browserSync.stream());
- });
- gulp.task('ftp', function () {
- return gulp.src('src/**')
- .pipe(ftp({
- host: 'website.com',
- user: 'johndoe',
- pass: '1234',
- remotePath: 'www/averkin.ru/stream'
- }))
- .pipe(gutil.noop());
- });
- gulp.task('default', ['serve']);
Add Comment
Please, Sign In to add comment