Guest User

Untitled

a guest
Nov 16th, 2018
144
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.57 KB | None | 0 0
  1. Установить gulp
  2. sudo npm i -g gulp
  3.  
  4. Инициализировать gulp в проекте
  5. npm init
  6.  
  7. Установить gulp в свой проект
  8. sudo npm i --save-dev gulp
  9.  
  10. Установить в проект gulp-sass
  11. sudo npm i --save-dev gulp-sass
  12.  
  13. Пример настройки gulpfile.js
  14. var gulp = require('gulp');
  15. var browserSync = require('browser-sync');
  16. var sass = require('gulp-sass');
  17. var autoprefixer = require('gulp-autoprefixer');
  18. var concatCSS = require('gulp-concat-css');
  19. var ftp = require('gulp-ftp');
  20.  
  21. // Static Server + watching scss/html files
  22. gulp.task('serve', ['sass'], function() {
  23.  
  24. browserSync.init({
  25. server: "src/"
  26. });
  27. //Следим за изменениями файлов
  28. gulp.watch("src/sass/*.sass", ['sass']);
  29. gulp.watch("src/*.html").on('change', browserSync.reload);
  30. });
  31.  
  32. // Компилируем Sass в SCC и обновляем страницу
  33. gulp.task('sass', function() {
  34. return gulp.src("src/sass/*.sass")
  35. .pipe(sass().on('error', sass.logError))
  36. .pipe(autoprefixer({
  37. browsers: ['last 2 versions'],
  38. cascade: false
  39. }))
  40. .pipe(concatCSS('style.css'))
  41. .pipe(gulp.dest("src/css"))
  42. .pipe(browserSync.stream());
  43. });
  44.  
  45. gulp.task('ftp', function () {
  46. return gulp.src('src/**')
  47. .pipe(ftp({
  48. host: 'website.com',
  49. user: 'johndoe',
  50. pass: '1234',
  51. remotePath: 'www/averkin.ru/stream'
  52. }))
  53. .pipe(gutil.noop());
  54. });
  55.  
  56. gulp.task('default', ['serve']);
Add Comment
Please, Sign In to add comment