Solucionado (ver solução)
Solucionado
(ver solução)
2
respostas

Adição do path style no agular.json

Pessoal, estou desenvolvendo um lib no angular, e utilizo o font-awesome como dependência. Queria que ao instalarem a lib no projeto, a rota do node_module do font-awesome, já fosse importada quando efetuasse a instalação da lib. Alguém pode me ajudar? Atualmente tenho que passar ao caminho manualmente no styles do angular.json

2 respostas
solução!

Oi Ângelo, tudo bem?

Primeiramente, obrigada por compartilhar sua dúvida aqui no fórum. Fico feliz em poder ajudá-lo com a adição do path style no angular.json. Compreendo que você esteja desenvolvendo uma biblioteca no Angular e queira que a rota do node_module do font-awesome seja automaticamente importada ao instalar sua biblioteca em um projeto.

Para adicionar o path style no angular.json, você precisará fazer algumas modificações no arquivo de configuração do Angular. Vamos seguir os passos abaixo:

  1. Abra o arquivo angular.json do seu projeto. Certifique-se de estar na raiz do projeto.

  2. Localize a seção "architect" no arquivo angular.json. Dentro dela, você encontrará uma seção chamada "build". É nessa seção que configuramos o processo de construção do projeto.

  3. Dentro da seção "build", encontre a propriedade "options". Dentro dessa propriedade, você verá outra propriedade chamada "styles". É nessa seção que você precisa fazer a modificação.

  4. Atualmente, você mencionou que está adicionando manualmente o caminho do font-awesome no array de estilos. Para automatizar esse processo, você pode adicionar o caminho do font-awesome ao array "styles" utilizando a função glob. Veja o exemplo abaixo:

"styles": [
  "src/styles.scss",
  "node_modules/font-awesome/css/font-awesome.min.css"
]

Ao adicionar o caminho do font-awesome dessa maneira, todas as dependências necessárias serão importadas automaticamente quando a lib for instalada no projeto.

  1. Salve as modificações feitas no arquivo angular.json.

Pronto! Agora, ao instalar sua biblioteca no projeto, o caminho para os arquivos do font-awesome será importado automaticamente, evitando a necessidade de adicionar manualmente essa importação em cada projeto que utilizar sua biblioteca.

É importante ressaltar que, ao fornecer essa funcionalidade na sua biblioteca, você facilita a vida dos desenvolvedores que a utilizam, tornando o processo de configuração mais simples e intuitivo.

Espero que essas informações sejam úteis para você.

Um abraço e bons estudos.

Oi lorena, ja tem muito tempo essa dúvida e ja foi solucionado. de toda forma obrigado por se posicionar.