Criando projetos Angular(+14) com a Estrutura Antiga App.modules.ts

Pessoal, como uma forma de registro, caso outras pessoas tenham o mesmo problema no futuro, estou criando esse pequeno artigo.

Recentemente tive que relembrar alguns conceitos do Angular, e acabei baixando o Angular CLI na versão 17, que tem algumas diferenças consideráveis com a versão 12 e 13 que trabalhei no passado.

O que me chamou atenção, é que desde da versão 14, o arquivo app.modules.ts não existe mais, que era um local onde obrigatoriamente tínhamos que importar componentes ou services para deixá-los disponíveis na aplicação de forma global.

Nas versões mais recentes do Angular, essa abordagem foi simplificada. Agora, diretamente nos arquivos Angular podem ter uma propriedade standalone = true, o que significa que eles ficam disponíveis em toda a aplicação sem a necessidade de serem importados explicitamente em um arquivo app.module.ts. Eis um exemplo:

@Component({
  selector: 'app-exemple',
  standalone: true,
  imports: [],
  templateUrl: './exemple.component.html',
  styleUrl: './exemple.component.scss'
})

No entanto, se por algum motivo você precisar construir novos projetos Angular com a estrutura com app.modules.ts, mesmo usando uma versão 17 ou superior, você pode fazer isso utilizando o comando:

ng new <nome-projeto> --no-standalone

Esse comando criará um novo projeto Angular sem usar a propriedade standalone, mantendo a estrutura de módulos tradicional.

Eu acabei baixando uma versão antiga para trabalhar com a estrutura antiga (motivos de força maior haha). E só depois descobri que tinha como fazer isso com as versões atuais.

Enfim, espero que ajude alguém =)