Panoramica

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

Come abbiamo affermato nel nostro rilascio di gt-next@6.2.0, crediamo che il futuro delle librerie i18n sia nell'elaborazione in fase di build. All'inizio di quest'anno abbiamo rilasciato un plugin SWC per gt-next che ha abilitato ottimizzazioni come l'hashing in fase di compilazione e traduzioni delle stringhe migliorate in fase di sviluppo. Sebbene questo abbia fornito al nostro team un'introduzione eccellente (anche se intensa) ai plugin del compilatore, il suo ambito era limitato ai progetti Next.js.

Stiamo dando seguito al nostro impegno verso l'elaborazione in fase di build rilasciando questo plugin di compilazione React generico. Questo significa che tutte le ottimizzazioni in fase di build di gt-next sono ora disponibili per ogni utente di gt-react!

Configurazione

Configurazione

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

gt-react

Per prima cosa devi installare il package:

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 è necessario installare alcun pacchetto aggiuntivo.

Per gt-next stiamo deprecando experimentalSwcPluginOptions a favore del nuovo campo experimentalCompilerOptions. La differenza principale è che ora devi specificare quale tipo di compilatore utilizzare: 'swc' oppure 'babel'. Il compilatore 'swc' è utilizzato per impostazione predefinita, 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 molto altro lavoro per il compilatore, quindi aspettati aggiornamenti frequenti nei prossimi mesi.