Bootstrap-sass Gem v.s. CDN

Question

Vari tutorial su Ruby on Rails incoraggiano l'instillazione della gemma bootstrap-sass. Perché questa è una convenzione piuttosto che una CDN?

ho incluso nell'intestazione della mia app:

<!-- BOOTSTRAP CSS 3.3.5 CDN: --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet"> 

E nel piè di pagina:

<!-- BOOTSTRAP JS 3.3.5 CDN --><script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js" type="text/javascript"></script> 

Supponendo Sto sempre lavorando da una scatola di sviluppo che è connesso a Internet: Cosa è il ragionamento dietro l'utilizzo della gemma bootstrap piuttosto che puntare a un CDN? Non è sempre più veloce puntare a un CDN in cui è probabile che un client abbia già il file nella cache?

Answer 1

La probabile ragione per cui i tutorial di Rails suggeriscono la gemma bootstrap-sass è solo una questione di convenienza; come sviluppatori di Rails siamo abituati ad aggiungere una linea al nostro Gemfile per integrare le librerie di terze parti.

Ci sono ulteriori vantaggi per la gemma: dopo aver effettuato uno bundle install non è necessaria una connessione Internet per caricare le risorse dell'ambiente di sviluppo (non è necessario connettersi a una rete CDN esterna). Inoltre è possibile utilizzare SASS per sovrascrivere le variabili di mixin Bootstrap e personalizzare il framework.

Questi vantaggi a parte, se non si sta personalizzando Bootstrap, non è necessario utilizzare la gemma boostrap-sass in produzione. In effetti, la tua argomentazione sui client che possiedono già versioni hosted di CDN di comuni framework JS/CSS è certamente valida.

Risposta breve: non pensare alla gemma boostrap-sass come una convenzione. È un buon punto di partenza per la personalizzazione, ma se non è necessaria alcuna personalizzazione è perfettamente ragionevole andare con una CDN.

Answer 2

L'utilizzo del CDN fornisce semplicemente CSS, che collega i file HTML a una versione di bootstrap specifica. L'utilizzo della versione SASS/LESS del bootstrap, al contrario, ti consente di inserire classi semantiche sul tuo codice HTML e di creare una connessione tra le tue classi semantiche e Bootstrap nei file SASS/LESS specifici dell'app (usando le istruzioni @import, @extend ...)

Se si utilizza saggiamente questa tecnica, si otterranno download di dimensioni inferiori poiché si importano solo le parti del bootstrap effettivamente in uso nell'applicazione e si avrà una separazione netta delle preoccupazioni, consentendo di cambiare sass/less frameworks senza toccare i tuoi file HTML (idealmente).