Panoramica

Siamo entusiasti di annunciare il rilascio di @general-translation/compiler v1.0.0.

Come abbiamo dichiarato nel rilascio di gt-next@6.2.0, riteniamo che il futuro delle librerie di i18n sia nell'elaborazione in fase di build. All'inizio di quest'anno abbiamo rilasciato un plugin SWC per gt-next che ha introdotto ottimizzazioni come l'hashing in fase di compilazione e traduzioni delle stringhe migliori durante lo sviluppo. Sebbene per il nostro team sia stata un'eccellente introduzione ai plugin del compilatore (per quanto impegnativa), il suo ambito era limitato ai soli progetti Next.js.

Con il rilascio di questo plugin del compilatore React per uso generale, diamo seguito al nostro impegno verso l'elaborazione in fase di build. Questo significa che tutte le ottimizzazioni in fase di build di gt-next sono ora disponibili per tutti gli utenti di gt-react!

Setup

Configurazione

Nota: Per gt-next, per soddisfare un requisito di retrocompatibilità, se imposti compileTimeHash su false, l'intero plugin viene disabilitato.

gt-react

Per prima cosa, devi installare il pacchetto:

npm install @generaltranslation/compiler

Vite

// vite.config.js
import { defineConfig } from 'vite'
import { vite as gtCompiler } from '@generaltranslation/compiler'

export default defineConfig({
  plugins: [gtCompiler()],
})

Webpack

// webpack.config.js
const { webpack: gtCompiler } = require('@generaltranslation/compiler')

module.exports = {
  plugins: [gtCompiler()],
}

Rollup

// rollup.config.js
import { rollup as gtCompiler } from '@generaltranslation/compiler'

export default {
  plugins: [gtCompiler()],
}

gt-next

Non devi installare pacchetti aggiuntivi.

Per gt-next, experimentalSwcPluginOptions è in fase di deprecazione a favore del nuovo campo experimentalCompilerOptions. La differenza principale è che ora devi specificare quale tipo di compilatore usare: 'swc' o 'babel'. Per impostazione predefinita viene usato il compilatore 'swc', ma puoi abilitare il nuovo compilatore basato su Babel impostando il campo type su 'babel'.

// next.config.js
import { withGTConfig } from 'gt-next'

export default withGTConfig(nextConfig, {
  experimentalCompilerOptions: {
    type: 'babel',
  },
})

Conclusione

Abbiamo in programma ancora molto lavoro sul compilatore, quindi aspettati aggiornamenti frequenti nei prossimi mesi.