vue2_vuex_webpack2_typescript_kor_boilerplate

Base Core

• TypeScript
• Vue
• Vuex

Utilities

• Axios
• ES6-Promise

Build System

• Webpack2 build를 위한 툴
  • Awesome TypeScript Loader
  • Ts Loader
  • Style Loader
  • CSS Loader
  • SCSS Loader
  • PostCSS Loader
  • Sass Resources Loader
  • JSON Loader
  • File Loader
  • Vue Loader
  • Vue Style Loader
  • Vue Template Loader

Dev & Prod Server

• Webpack Dev Server
• Express
• Compression
• Body-parser
• Cookie-parser
• Morgan

Developer Experience

• Typings definition(*.d.ts)파일이 없는 외부 라이브러리를 위한 definition파일을 설치
• tslint

디렉토리 구조

.
├── dist                        #
├── conf                        # 구성(설정)을 위한 폴더
│   ├── webpack.config          # Webpack 설정 폴더
│   └── tslint                  # 타입스크립트 lint 설정 파일
├── node_modules                # Node Packages 모듈
├── src                         # 소스폴더
│   ├── app                     #
│   │ ├── components            # Components (재사용 가능한 Components).
│   │ ├── containers            # Containers
│   │ ├── models                # interface & type 파일
│   │ ├── assets                # assets 별도 관리
│   │ ├── styles                # styles 별도 관리
│   │ ├── store                 # vues.
│   │ └── routes.tsx            # Routes 파일.
│   ├── public                  # public 파일 모음
│   ├── server                  # Express 서버
│   ├── favicon.ico             # Favicon.
│   └── index.html              # static html 파일.
├── typings                     # typings 작성한 전역 유형 정의.
├── .gitignore                  # git 무시할 파일을 선언.
├── package.json                # Package 설정파일.
├── README.md                   # This file
└── tsconfig.json               # TypeScript 설정파일.

Usage

# Running (개발모드)
$ npm run dev

# production (배포작업)
$ npm run build
$ npm run server

# 테스트(미완성)
$ npm test

추가할 기능

• 테스트 (e2e, unit..)