<gulp>
gulp는 빌드 및 dependency관리 툴이다. Node.js의 스트림기능을 이용한 streaming build System을 표방한다. REF
- gulp.task
- gulp.src
- gulp.dest
- gulp.watch
gulpfile.js 을 작성해서, plugin사용을 통해 html/css/js/image 등을 minify 한다.
sass 를 css로 컴파일 하는 기능도 수행.
<webpack>
모듈쪼개기(번들러) 툴이다. 모듈간 import/include를 지원한다. (javascript ES6에도 모듈이 있어 약간 쪼개기 가능)
- REF: import './style.sass';
webpack.config.js를 통해서 설정을 함. REF
- entry
- CommonChunkPlugin을 통해 split함..
(+inline function)
- webpack-dev-server : 간단한 webserver 제공. REF
- webpack-stream: 주로 babel인데 gulp랑 함께 사용? (need to study)
- webpack-dev-middleware (webpack-dev-server내부에서 사용)
- webpack Watch Mode : js가 하나라도 바뀌면 재컴파일.
<lodash>
그냥 js 라이브러리이다. arrays, collections, numbers, objects, strings 등을 유려하게 처리한다. REF
_.every
_.filter
_.find
_.forEach
_.includes
_.map
_.reduce