本:React ビギナーズガイド

「React ビギナーズガイド」のサンプルを試してみる。

/Users/makoto/prj/study/reactbook/reactbook/whinepad v0.0.1

[makoto@imac2 whinepad v0.0.1]$ npm --version
3.10.10

npm install --global babel-cli
npm install --global browserify
npm install --save-dev react
npm install --save-dev react-dom
npm install --save-dev babel-preset-react
npm install --save-dev babel-preset-es2015

• 5.3 ビルドの実行

• JavaScriptのトランスパイル

babel --presets react,es2015 js/source -d js/build

• JapaScriptのパッケージング

``` browserify js/build/app.js -o bundle.js

* CSS のパッケージング

cat css// css/*.css | sed ’s/..\/..\/images/images/g’ > bundle.css

* 開発と同時のビルド

```
npm install --global watch
watch "sh scripts/build.sh" js/source css