You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.9 KiB
41 lines
1.9 KiB
2 years ago
|
# Acorn-JSX
|
||
|
|
|
||
|
|
[](https://travis-ci.org/acornjs/acorn-jsx)
|
||
|
|
[](https://www.npmjs.org/package/acorn-jsx)
|
||
|
|
|
||
|
|
This is plugin for [Acorn](http://marijnhaverbeke.nl/acorn/) - a tiny, fast JavaScript parser, written completely in JavaScript.
|
||
|
|
|
||
|
|
It was created as an experimental alternative, faster [React.js JSX](http://facebook.github.io/react/docs/jsx-in-depth.html) parser. Later, it replaced the [official parser](https://github.com/facebookarchive/esprima) and these days is used by many prominent development tools.
|
||
|
|
|
||
|
|
## Transpiler
|
||
|
|
|
||
|
|
Please note that this tool only parses source code to JSX AST, which is useful for various language tools and services. If you want to transpile your code to regular ES5-compliant JavaScript with source map, check out [Babel](https://babeljs.io/) and [Buble](https://buble.surge.sh/) transpilers which use `acorn-jsx` under the hood.
|
||
|
|
|
||
|
|
## Usage
|
||
|
|
|
||
|
|
Requiring this module provides you with an Acorn plugin that you can use like this:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
var acorn = require("acorn");
|
||
|
|
var jsx = require("acorn-jsx");
|
||
|
|
acorn.Parser.extend(jsx()).parse("my(<jsx/>, 'code');");
|
||
|
|
```
|
||
|
|
|
||
|
|
Note that official spec doesn't support mix of XML namespaces and object-style access in tag names (#27) like in `<namespace:Object.Property />`, so it was deprecated in `acorn-jsx@3.0`. If you still want to opt-in to support of such constructions, you can pass the following option:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
acorn.Parser.extend(jsx({ allowNamespacedObjects: true }))
|
||
|
|
```
|
||
|
|
|
||
|
|
Also, since most apps use pure React transformer, a new option was introduced that allows to prohibit namespaces completely:
|
||
|
|
|
||
|
|
```javascript
|
||
|
|
acorn.Parser.extend(jsx({ allowNamespaces: false }))
|
||
|
|
```
|
||
|
|
|
||
|
|
Note that by default `allowNamespaces` is enabled for spec compliancy.
|
||
|
|
|
||
|
|
## License
|
||
|
|
|
||
|
|
This plugin is issued under the [MIT license](./LICENSE).
|