1
resposta

Customizando Bootstrap/Sass Yeoman

Estou num projeto em Angular 1 onde usei o Yeoman para gerar o projeto. Nesse projeto eu uso o GULP e o Bower para gerenciar as tarefas e dependências, uma das dependências é o Bootstrap, como to customizando direto nele o SASS, criei um arquivo _custom.scss. Minha pergunta é, como estou trabalhando em grupo todo mundo que baixa o projeto do git e dá um "bower install" baixa novamente as dependências e não recebe as alterações feitas por mim no Bootstrap tendo em vista que a pasta bower_compoments está no arquivo .gitignore.?

Alguém poderia ajudar dando alguma dica de como resolver esse problema?

1 resposta

Oi Lucio, tudo certo?

Apesar de conhecer Sass, nunca usei ele com combo Gulp+Bower+Bootstrap.

Dei uma pesquisada e aparentemente um caminho bacana seria você nunca modificar nada da pasta bower_components.

Copiar a _variables.scss da pasta bower_components para a pasta de estilo do seu projeto (algo como src/estilos) e depois importar no seu main.scss. Isso acima do import do Bootstrap.

Uma outra solução também seria tirar a pasta do Bower do .gitignore.

Espero ter ajudado,

Abcs!