본문 바로가기

web/gulp

(4)
gulp Error: watch ENOSPC gulp 실행시 watch 패키지쪽이 에러가 난다면 uiandwe@uiandwe-box:~/path/to/project/folder$ gulp [21:56:37] Using gulpfile ~/path/to/project/folder/gulpfile.js [21:56:37] Starting 'watch'... [21:56:37] 'watch' errored after 28 ms [21:56:37] Error: watch ENOSPC at errnoException (fs.js:1031:11) $echo fs.inotify.max_user_watches=582222 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p 파일시스템에서 체크할수 있는 파일의 최대치가 설정되어 ..
gulp command does not work ubuntu 에서 node와 gulp를 전역으로 설치 했음에도 /usr/bin/env gulp command does not work 라고 에러가 나온다면 다음을 설정해 주자. $ sudo ln -s /usr/bin/nodejs /usr/bin/node ubuntu에서 apt-get 으로 설치시 기본 경로가 /usr/bin/nodejs 로 설정되고 패키지들은 /usr/bin/node 로 읽기 때문에 에러가 나는경우가 있다.
ecma6 javascript 를 위한 gulp babel gulpfile.js 전체 소스babel task 부분만 보시면 됩니다. var gulp = require('gulp'); var uglify = require('gulp-uglify'); var concat = require('gulp-concat'); var minifyCss = require('gulp-minify-css'); var browserSync = require('browser-sync').create(); var browserify = require('browserify'); var source = require('vinyl-source-stream'); var buffer = require('vinyl-buffer'); var babel = require('gulp-babel'); g..
gulp 특정 파일은 제외 gulp으로 css를 모두 통합하여 min파일로 만들어 버리면 파일순으로 하나의 파일을 만들기 떄문에 responsive.css같이 파일이 순서에 밀려서 css가 안먹는 경우가 발생한다. responsive.css의 모든 속성을 !important를 주던지. (설마 이런짓을 하는사람은..) 파일을 따로 관리하는게 가장 편하겠다 싶어서 만들어 보았다. (이러면 index.css / responsive.css 파일을 html에서 링크만 걸어주면되니까) gulp.task('minifycss', function() { return gulp.src(['src/css/*.css','!src/css/responsive.css']) .pipe(concat('index.css')) .pipe(minifyCss({comp..