Skip to content

Commit

Permalink
add docs for babel 6
Browse files Browse the repository at this point in the history
  • Loading branch information
hzoo committed Oct 31, 2015
1 parent bbffc36 commit 41fc5f2
Showing 1 changed file with 5 additions and 1 deletion.
6 changes: 5 additions & 1 deletion docs/docs/09-tooling-integration.md
Original file line number Diff line number Diff line change
Expand Up @@ -30,10 +30,14 @@ If you like using JSX, Babel provides an [in-browser ES6 and JSX transformer for
### Productionizing: Precompiled JSX

If you have [npm](https://www.npmjs.com/), you can run `npm install -g babel`. Babel has built-in support for React v0.12 and v0.13. Tags are automatically transformed to their equivalent `React.createElement(...)`, `displayName` is automatically inferred and added to all React.createClass calls.
If you have [npm](https://www.npmjs.com/), you can run `npm install -g babel`. Babel has built-in support for React v0.12+. Tags are automatically transformed to their equivalent `React.createElement(...)`, `displayName` is automatically inferred and added to all React.createClass calls.

This tool will translate files that use JSX syntax to plain JavaScript files that can run directly in the browser. It will also watch directories for you and automatically transform files when they are changed; for example: `babel --watch src/ --out-dir lib/`.

> Note:
>
> If you are using babel 6.x, you will need to install the relevant preset/plugins. To get started, you can run `npm install -g babel babel-preset-react` and then run `babel --presets react --watch src/ --out-dir lib/`. For more information: check out the [babel 6 blog post](http://babeljs.io/blog/2015/10/29/6.0.0/)
By default JSX files with a `.js` extension are transformed. Run `babel --help` for more information on how to use Babel.

Example output:
Expand Down

3 comments on commit 41fc5f2

@ludofischer
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

These instructions do not work for me. I also need 'npm install -g babel-cli' to have the babel command line available.

@hzoo
Copy link
Contributor Author

@hzoo hzoo commented on 41fc5f2 Oct 31, 2015

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oh yeah its babel-cli now which I forgot to change. Do you want to make a PR to change it?

@ludofischer
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, I’ll do it.

Please sign in to comment.