memocon プログラミングのメモや物欲日記、雑記等

React+Babel+WebpackでHello World

2016年01月11日 19時16分

流れが速すぎてWebの情報がすぐ古くなる界隈なので環境構築に手こずったのでメモ。
オフィシャル見るのが確実なんだろうけど…

1.必要パッケージをインストール

2.ファイル一覧

.
..
package.json
webpack.config.js
src/
src/main.js
src/hello.jsx
src/world.jsx
dist/
dist/bundle.js
dist/index.html
node/modules/省略

3.ソース記述

4.実行

下にアクセス。
※ 最後のスラッシュが必須なことに注意

http://localhost:8080/webpack-dev-server/

ファイルを編集すると勝手にリロードされる。とても便利。


BABEL
https://babeljs.io/
webpack
https://github.com/webpack/webpack
webpack-dev-server
https://webpack.github.io/docs/webpack-dev-server.html