Il problema
Ho un sito Web di grandi dimensioni, quindi la mia struttura di cartelle CSS può essere piuttosto profonda. Qualsiasi file CSS può impostare l'immagine di sfondo di un elemento tramite relative URL. Prima di rilasciare ai miei server di produzione, ho bisogno di minimizzare tutti i file CSS. Questo processo di minificazione potrebbe interrompere alcuni degli URL relativi perché appiattisce la struttura delle cartelle in modo efficace. Come sviluppatore, come gestisci questa discrepanza tra lo sviluppo e il codice di produzione?Come gestire l'URL dell'immagine relativa che cambia quando il CSS viene ridotto?
Esempio
Questa è la mia struttura di cartelle:
image/
article/
brushStroke.jpg
style/
module/
button.css
page/
article/
introToPainting.css
minified/
style20130522.css
Durante lo sviluppo, io possa avere questa regola CSS in introToPainting.css:
#step1 {
background-image: url(../../../image/article/brushStroke.jpg);
}
Diciamo che su un particolare pagina semplice, ho solo bisogno di button.css e introToPa inting.css. Per la versione di produzione, questi due file CSS verranno ridimensionati in style20130522.css. Ora che il file minifrato si trova in una profondità di cartella diversa da introToPainting.css, il percorso per brushStroke.jpg non è corretto.
sì ... memorizza i file CSS da sviluppare nella stessa cartella relativa a quella a cui fare riferimento in produzione. o usare riferimenti assoluti. Non puoi avere un riferimento relativo, cambiare il posizionamento relativo e aspettarti che funzioni magicamente. – PlantTheIdea
Sì, sembra la scelta logica a meno che non si cambino tutti i percorsi dei file prima del lancio, anche se si ha cartella/cartella/css e si è minificato in cartella/cartella/min/i percorsi relativi sarebbero gli stessi – jamil
I can ' t usare un percorso assoluto. Lavoro in una squadra. L'ambiente di ogni sviluppatore può avere un URL di base diverso. – Pwner