webpack 기반 angularjs 프로젝트 빌드

Webpack 과 angularjs

angular.js 프로젝트를 webpack 기반으로 시도해 보자.

새 프로젝트

프로젝트 구조를 준비한다.

1
2
3
$ mkdir myproject && cd myproject
$ git init
$ npm init --yes

프로젝트 초기 구조를 시작했음을 커밋으로 기록하자.

1
2
$ git add package.json
$ git commit -m 'Initialize git and npm'

아래는 여기 소스느 https://github.com/zamarrowski/pokemon-poc 를 참조.

angularjs 실행에 필요한 패키지를 설치하기 위해서 다음 명령을 실행한다.

1
npm i angular angular-ui-router
1
npm i -D webpack webpack-dev-server