普段、railsを使ったwebサービスの開発を行っています。 いままで、rails + JQueryで開発を行っていましたが、 reactを導入してみる流れとなり、 その際にwebpackを使ったので、まとめておきます。 目次 ■webpackの役割 ■実際のディレクトリ構成 ■package.jsonについて ■webpack.config.babel.jsの設定 ■デプロイ時はどうするか ■まとめ webpack役割 webpackについてざっくり説明すると、 => ビルドツール(依存関係のあるJSやクライアントサイドのアセット群をいい感じにしてくれる) 今回webpackでやっていること ■Reactに関わるファイル(複数)の結合 ■ソースコードの変換(es6 -> es5, jsx) => babelが便利(webpack + babel-loader) ■ビルドしたコードの配置先
![rails上でwebpackを使ってreact導入した - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/cbc1f0f7d57c0fbd7dc87d81bc07542c36a83eff/height=288;version=1;width=512/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fqiita-fb-2887e7b4aad86fd8c25cea84846f2236.png)