본문 바로가기 메뉴 바로가기

야훔의 저렴한 개발

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

야훔의 저렴한 개발

검색하기 폼
  • 분류 전체보기 (131)
    • Diary (4)
    • 컴퓨터 일반 (4)
    • Dev (99)
      • Development (4)
      • HTML&CSS (10)
      • Javascript (5)
      • TypeScript (13)
      • Java (12)
      • Python (13)
      • Docker (2)
      • Vue.js (18)
      • React (1)
      • 어플리케이션 (2)
      • 프로그래밍 잘하기 (17)
      • Node.js (2)
    • Goods (3)
    • IT관련 (20)
      • 정보처리기사 (14)
  • 방명록

browsersync (1)
#4. Glup로 퍼블리싱 개발환경 만들기 - Watch와 BrowserSync

일단 지난시간까지 우리는 Gulp를 이용해 HTML파일과 SCSS파일을 배포하는 작업을 진행했었다. 오늘은 이런 HTML 파일과 SCSS파일을 수정하거나 파일이 추가되었을 때 Gulp가 감지한 뒤에 해당 작업을 자동배포하는 것을 작업해보려고 한다. 그냥 콘솔에 "gulp" 라는 네글자만 입력하면 모든 소스를 알아서 배포하겠지만 개발자는 게으름뱅이들이라서 이런 작업조차 자동으로 처리해줘야지 안 그러면 스트레스를 받아 화를 낸다. 지난 시간 작업했던 gulpfile.js 에 코드를 추가하기 전에 몇가지 패키지를 설치하도록 하자. $ npm install gulp-watch -D $ npm install browser-sync -D 이렇게 설치하고 난 뒤에 gulpfile.js 파일에 아래의 내용을 추가하자...

Dev/HTML&CSS 2019. 5. 9. 18:54
이전 1 다음
이전 다음
최근에 올라온 글
  • 보안과 관련하여
  • 으허 프로젝트의 늪에서 살아 돌아온..
  • Koa + MySQL + Passport-jwt ⋯
  • Koa + MySQL + Passport-jwt ⋯
최근에 달린 댓글
  • 다시한번 꼼꼼히 읽어보고 찾아냈어요 파이프 추가를 빼먹⋯
  • 안녕하세요!! 너무너무 감사하게 잘 배우고 있습니다. ⋯
  • 덕분에 store에 대한 개념을 잡을 수 있었습니다. ⋯
  • ㅎㅎ 덕력이 그렇게 많은 것 같지 않다능

Blog is powered by Tistory / Designed by Tistory

티스토리툴바