generator-react-webpack이라는 것을 발견했기 때문에 사용해 보았다

소개

React 유행하는 것 같지만
무엇을 손에 넣을 수 있는지 잘 모르는 사람 (= 완전히 자신)

newtriks/generator-react-webpack 되는 것을 발견했기 때문에
readme 등 보면서 조사 조사해 갑니다.

소개

아무 생각 없이 다음을 수행npm install -g generator-react-webpack

애플리케이션 만들기

아무 생각 없이 다음을 수행yo react-webpack sample
react-routerr를 포함하거나 듣는



아키텍처의 유무를 듣기 때문에 모르는 채 Flux를 선택



그런 다음 스타일 형식 (SCSS, LESS 등)을들을 수 있습니다.

여러가지 앱이 내뿜는다


├─node_modules
│ 　 　 react 시작 여러 가지
├─src
│ ├─components
│　│　main.js
│　│　 SampleApp.js ← 기본 컴포넌트 파일
│ ├─dispatcher
│　│　 SampleAppDispatcher.js
│ ├─images
│ └─styles
│　　favicon.ico
│　　　index.html
└─test
├─helpers
│ └─react
└─spec
└─components
SampleApp.js
.editorconfig
.gitignore
.jshintrc
.yo-rc.json
Gruntfile.js
karma.conf.js
package.json
webpack.config.js
webpack.dist.config.js

Component 추가

아무 생각 없이 ryyo react-webpack:component menu
styles/Component
　create src\components\Menu.js
　create test\spec\components\Menu.js
create src\styles\Menu.scss

테스트와 스타일도 만들어준다
이것이 컴포넌트 기반 개발이라는 것인가,,,

빌드

webpack의 빌드 작업이 Grunt에 번들되어 있으므로 다음을 수행grunt build
그러면 dist라는 공개 계층 디렉토리가 생성됩니다.
src 이하의 모든 파일이 번들됨

│ favicon.ico
│ index.html
│
├─assets
│ 42092f929161dae9c08a21bfb46ece4d.png
│ main.js
│
└─images
yeoman.png

요약

action이나 store에도 제네레이터가 있으므로,
우선 공식 보면서 탐험을 찾아 오면 분위기는 잡아 오는 것이 아닐까 생각합니다 (아마)

제안의 매우 간단한 소개에 머물렀다.
나도 이것으로 뭔가 만들려고 생각합니다(^^;