- angular는 프레임워크이고, react는 라이브러리
- package.json 이런게 있다.
- grunt는 자바스크립트 용 빌드 툴..
- grunt cli (Command Line Interface) 설치
- grunt 설치
- package.json 파일이 생긴다.
- Gruntfiles.js에서 task 작성
- Grunt 플러그인 설치
- grunt 로 실행
- gulp 도 자바스크립트 용 빌드 툴..
- gulp 전역 설치 npm install gulp -g
- 프로젝트 루트에서 로컬 설치 npm install gulp —save-dev (gulp 관련 디펜던시들은 개발 과정까지만 필요하기 때문이다?)
- 다른 플러그인들도 —save-dev 옵션으로 설치한다.
- 그리고 프로젝트 루트에 gulpfile.js 생성
- 사용할 플러그인은 var gulp = require(‘gulp’); // 이런식으로 require 해서 불러온다.
- gulp 실행하면 스크립트가 실행되면서 task 를 수행합니다.
- grunt와의 차이점은, gulp는 모든 과정을 한 번에 처리하는 방식(노드 스트림)이라는 것이 다르다.
- 예) sass를 css 변환하고 aotoprefixer 실행 시
- grunt
- run(’sass’) // .tmp 파일에 일단 저장
- run(‘autoprefixer’) // .tmp 에서 파일을 받아서 처리 하고 dest에 저장
- gulp 는 source 에서 sass 한 결과를 바로 autoprefixer 의 입력으로 받고, dest에 저장
- 이거를 메이븐 빌드 시 해줘야 하니깐 pom.xml 에서 frontend-maven-plugin 이런 플러그인은 쓰는 겁니다.
