August 20, 2025

Cómo hacer que Angular use puntos . en lugar de guiones - al generar archivos

Angular

Perfecto, aquí tienes un artículo breve y claro:

Cómo hacer que Angular use puntos (.) en lugar de guiones (-) al generar archivos

A partir de Angular 20, el CLI empezó a generar archivos usando guiones por defecto:

ng generate pipe from-now
# from-now-pipe.ts  → antes
# from-now.pipe.ts → ahora usa guion

Si quieres volver al clásico punto como separador (from-now.pipe.ts), puedes usar la opción typeSeparator en tu angular.json:

"schematics": {
  "@schematics/angular:module": { "typeSeparator": "." },
  "@schematics/angular:pipe": { "typeSeparator": "." },
  "@schematics/angular:guard": { "typeSeparator": "." },
  "@schematics/angular:interceptor": { "typeSeparator": "." }
}

Con esto, el CLI generará nombres como:

Buenas prácticas

Angular Style Guide recomienda feature.type.ts (ej. hero-list.component.ts).

Usa guiones solo para separar palabras en la parte descriptiva (hero-list).

Alternativa avanzada

Si quieres control total, puedes crear un schematic personalizado que renombre archivos a tu gusto:

options.fileName = dasherize(options.name) + '.module.ts';

Written by Pol Valle

I am particularly drawn to developing applications that are not only functional but also visually appealing and easy to use. I accomplish this by implementing SOLID principles and clean architecture, and applying testing to ensure quality.