@gabehayes/react-scripts v0.16.0

React Scripts

This repository exposes the react-scripts binary, a small set of tools that handles configuration and time-consuming tasks for you.

Table of Contents

• Installation
• Development
• Scripts
  • analyze
  • build
  • codegen
  • start
  • test
  • translate

Installation

Just a matter of cloning the repository and installing dependencies:

yarn install

Development

When you start the app, any changes you make will be automatically compiled.

yarn start

Typically, you will want to link this as a dependency in another project to test your changes live.

To link this repository, you must first register this project as a linkable dependency. From this project path:

yarn link

Then, from the other project's path:

yarn link @gabehayes/react-scripts

Scripts

analyze

react-scripts analyze

Will output a stats.json file that contains bundle statistics. Useful in tandem with a tool such as Webpack Visualizer.

build

react-scripts build

Bundles the application, optimized for best performance in a production environment.

The build is minified and the filenames include hashes.

codegen

react-scripts codegen <graphUrl>

You must pass this task a valid GraphQL endpoint (e.g. react-scripts codegen https://graph.example.com/graphql).

It will generate a schema.json file for linting GraphQL queries.

It will also generate a flow definition file in flow-typed/schema.js.flow for statically typing queries.

start

react-scripts start

Runs the app in the development mode.

Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.

You will also see any lint errors in the console.

test

react-scripts test

Launches the test runner in the interactive watch mode.

translate

react-scripts translate [--out, -o] [Output File]

This task uses babel-plugin-react-intl to extract translatable strings from your project.

All messages are extracted to the build path, then concatenated and transformed to a single csv file, which is then written to the given output file path.

The output file can be changed with the --out, -o option, which defaults to src/i18n/localizable.csv.