Babel <3 React

Traduzione Beta Non Ufficiale

Questa pagina è stata tradotta da PageTurner AI (beta). Non ufficialmente approvata dal progetto. Hai trovato un errore? Segnala problema →

Una delle cose che sorprende spesso le persone è che Babel supporta JSX pronto all'uso.

Lascia che ti mostri quanto sia semplice passare:

Nota: Esistono tantissimi modi per usare Babel, qui ne elencherò solo alcuni. Se desideri vedere un elenco più completo consulta la nostra pagina Usare Babel.

Nel browser (docs)

Prima:

<script type='text/jsx'></script>

Dopo:

<script type='text/babel'></script>

Con Browserify (docs)

Prima:

Shell

$ browserify -t reactify main.js

Dopo:

Shell

$ browserify -t babelify main.js

In Node (docs)

Prima:

JavaScript

require('node-jsx').install();

Dopo:

JavaScript

require('babel/register');

Con Webpack (docs)

Prima:

JavaScript

loaders: [
  { test: /\.js$/, exclude: /node_modules/, loader: 'jsx-loader'}
]

Dopo:

JavaScript

loaders: [
  { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader'}
]

Con Gulp (docs)

Prima:

JavaScript

gulp.src('views/**/*.js')
    .pipe(jsx())
    .pipe(gulp.dest('dist'));

Dopo:

JavaScript

gulp.src('views/**/*.js')
    .pipe(babel())
    .pipe(gulp.dest('dist'));

---

La lista continua, ma a questo punto avrai capito quanto sia semplice. Se non hai trovato lo strumento che cercavi, non preoccuparti: abbiamo un elenco completo nella nostra pagina Usare Babel.

Se hai bisogno di ulteriore aiuto per la configurazione, consulta la nostra documentazione su JSX o chiedi ad altri utenti di Babel nella nostra chat di supporto.

— The Babel team