Modo corretto per personalizzare i componenti installati da Bower

Question

Quando uso Bower per installare qualcosa come bootstrap-sass-official, lo installa nella directory bower_components. Un componente come Bootstrap consente la personalizzazione modificando il file bower_components/assets/stylesheets/_bootstrap.scss. In questo caso, scegli e scegli le parti di Bootstrap che desideri utilizzare per il tuo progetto.

È risaputo che è più efficiente e consigliabile lasciare pacchetti e componenti come ./bower_components, ./vendor, ./node_modules ecc. Dal controllo del codice sorgente. Ma il problema è che quando gli altri scaricano la fonte e installano le dipendenze bower, le personalizzazioni non vengono mai installate.

Quindi, supponendo che si stiano seguendo le migliori pratiche e mantenendo bower_components fuori dal controllo del codice sorgente, qual è il posto migliore per personalizzare un componente come Bootstrap? Basta copiare _bootstrap.scss in una directory controllata dal codice sorgente e personalizzarlo lì? O c'è un approccio più elegante?

Answer 1

Credo che tu abbia ragione nel dire che la soluzione più elegante è copiare il file _bootstrap.scss nella struttura del tuo progetto. È quindi possibile rimuovere i componenti di bootstrap che si desidera escludere e modificare i percorsi dei componenti rimanenti in modo che rimandino alla directory bower_components. In questo modo si ottiene la piena personalizzazione sulla libreria mantenendo solo un singolo file.

This answer potrebbe anche essere utile a coloro che stanno esaminando questo problema.