使い方
SassやLessを使用する方法 *
Flowを使用する方法 *
requestをproxyする方法 *
npm start
packages/react-scripts/scripts/start.jsに処理が記述されている。
webpack.config.dev
public/index.htmlとsrc/以下のファイルをwebpackは処理する
publicディレクトリにはwebpackが処理しないがアプリケーションに使用するファイルを置く
loadersは後ろから先に適用される
packages/react-scripts/config/webpack.config.dev.jsでnpm startで実行されるwebpackの設定が記述されている。
createWebpackCompiler.jsでlet compiler = webpack(config, handleCompile)する。
webpack-dev-serverを利用する。
webpack-dev-serverのconfig
WebpackDevServer(compiler, devServerConfig)する。
eslint
eslintの設定はeslint-config-react-appで記述されている。
{
"extends": "react-app"
}
babel
babelの設定はbabel-preset-react-appで記述されている。
環境変数 *
REACT_APP_から始まる環境変数を使用することができる。
.jsではprocess.env.REACT_APP_FOOの形式で使用することができる。
.htmlでは%REACT_APP_FOO%の形式で使用することができる。
.envファイルにREACT_APP_FOO=fooの形式で環境変数を指定することができる。 *
デフォルトの環境変数 *
npm run test
テストの設定方法 *
npm run build
npm run eject
動作をカスタマイズすることができる