webpack+vue — 처음부터 프런트엔드 프로젝트 구축

• 장1 제1장
• 1-1 코스소개
• 1-2 프로젝트 초기화
• 1-3 Vue 루트 인스턴스 생성
• 1-4 마운트 앱 구성요소
• 1-5 시험
• 1-6 웹팩 기본 구성
• 1-7 웹팩 스크립트
• 1-8 vue-loader 설치
• 1-9 Vue-loader 구성
• 1-10 vue-loader 테스트
• 장2 2장
• 2-1 일반적으로 사용되는 로더 소개
• 2-2 파일 로더의 기본 사용(1부)
• 2-3 파일 로더의 기본 사용(2부)
• 2-4 URL 로더 사용법
• 2-5 CSS 패키징(1부)
• 2-6 CSS 패키징(2부)
• 2-7 스타일러스 소개 및 플러그인
• 2-8 스타일러스 파일 패키징
• 2-9 Vue에서 스타일러스 사용하기
• 2-10 html-webpack-플러그인 플러그인
• 장3 세 번째 장
• 3-1 깨끗한 웹팩 플러그인
• 3-2 자동 접두어 플러그인
• 3-3 devServer 소개 및 구성
• 3-4 비즈니스 코드 구현
• 3-5 HMR 데모
• 3-6 소스맵
• 3-7 생산 환경 패키징
• 3-8 공통코드 추출
• 3-9 분석 ES6
• 3-10 데모
• 장4 4장
• 4-1 프로젝트 준비
• 4-2 구성요소 분할
• 4-3 MainHeader 구성 요소의 기본 구현
• 4-4 MainHeader 코드 최적화
• 4-5 MainTodo 페이지 구조
• 4-6 MainTodo 스타일
• 4-7 TodoItem 페이지 구조
• 4-8 TodoItem 스타일
• 4-9 TodoItem에 기능 추가
• 4-10 TodoItem 선택 삭제 기능
• 장5 5장
• 5-1 TodoInfo 스타일
• 5-2 TodoInfo 스타일 최적화
• 5-3 TodoInfo 통계 기능
• 5-4 TodoInfo 상태 전환 기능
• 5-5 Todoinfo 삭제 기능
• 5-6 요약
• 5-7 메인바닥글 구성요소