Descripción general

Nos complace anunciar el lanzamiento de @general-translation/compiler v1.0.0.

Como mencionamos en nuestro lanzamiento gt-next@6.2.0, creemos que el futuro de las bibliotecas de i18n está en el procesamiento en tiempo de compilación. A principios de este año, lanzamos un plugin de SWC para gt-next que permitía optimizaciones como el hashing en tiempo de compilación y mejores traducciones de cadenas durante el desarrollo. Aunque esto supuso una introducción excelente (aunque intensa) a los plugins de compilador para nuestro equipo, su alcance se limitaba únicamente a proyectos de Next.js.

Con este plugin de compilador de React de propósito general, seguimos avanzando en nuestro compromiso con el procesamiento en tiempo de compilación. Esto significa que todas las optimizaciones en tiempo de compilación de gt-next ahora están disponibles para todos los usuarios de gt-react.

Configuración inicial

Configuración

Nota: En gt-next, para mantener la compatibilidad con versiones anteriores, si estableces compileTimeHash en false, se deshabilitará todo el plugin.

gt-react

Primero debes instalar el paquete:

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

No necesitas instalar ningún paquete adicional.

En gt-next, estamos dejando de usar experimentalSwcPluginOptions en favor del nuevo campo experimentalCompilerOptions. La diferencia principal es que ahora debes especificar qué tipo de compilador quieres usar: 'swc' o 'babel'. El compilador 'swc' se usa de forma predeterminada, pero puedes habilitar el nuevo compilador basado en Babel estableciendo el campo type en 'babel'.

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

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

Conclusión

Tenemos mucho más trabajo planeado para el compilador, así que puedes esperar actualizaciones frecuentes en los próximos meses.