신기한 웹 세상

Tag

gulp

[걸프(Gulp.js)] gulp-nunjucks-render 플러그인을 사용하는 방법

예전에 gulp html tag include를 포스팅한 적이 있다. 최근에는gulp-nunjucks-render 플로그인을 알게 되어 포스팅을 해보려고 한다. 설치하기 $ npm install –save-dev gulp-nunjucks-render task 만들기: var nunjucksRender = require('gulp-nunjucks-render'); 다음으로, Nunjuck을 쉽게 사용할 수 있는 프로젝트 구조를 만들어야 한다. 아래의 구조로 사용할… Continue Reading →

[걸프(Gulp.js)]gulp html tag include사용하기

<header>, <nav>, <footer>같은 공통적으로 사용 태그나 내용을 .html파일마다 다 넣지 않아도 사용하려는(예: header.html) 한 파일을 만들어 모든 페이지에 호출하여 사용할 수 있다. gulp 플러그인 중에 gulp-html-tag-include를 사용해보려고 한다. 설치하기 npm install –save-dev gulp-html-tag-include gulpfile.js에 추가해보자. var gulp = require(‘gulp’), include… Continue Reading →

[걸프(Gulp.js)]Gulp – CSS import 시키기

Gulp 환경에서 CSS파일에 처리 적용할 업무는 문법 검사, 코드 병합, 압축 과정으로 필요한 모듈은 gulp-csslint, gulp-concat-css, gulp-uglifycss 이다. 설치하기 npm install –save-dev gulp-csslint gulp-concat-css gulp-uglifycss 설정하기 var csslint = require(‘gulp-csslint’); var concatcss = require(‘gulp-concat-css’); var uglifycss = require(‘gulp-uglifycss’); /** *… Continue Reading →


© 2017 신기한 웹 세상

Up ↑