Webpack開発環境セットアップ手順まとめスタイルシートをSCSSで、JSはES6で記述するReactJSのアプリケーションを、Webpackでビルドする手順についてまとめてみました。スタイルシートはバンドルされたJSに含めず、ExtractTextWebpackPluginを利用してファイルを分けるようにしています。セットアップJSXのコンパイルはBabelを使います。(またはそれ以降)からECMAScript5へのトランスパイルに加えて、JSXも扱えます。Babelを利用します。index.htmlこのように表示されましたここまでで、BabelをでJSXをコンパイルする環境が整いましたsass-loaderのセットアップ次に、SCSSでスタイルシートを書いてWebpackでコンパイルしてみます。