ho principale lima all.less, dove sto compresi tutti gli altri meno fileImporta file MENO solo per una pagina
esempio
@import "scaffolding.less";
@import "type.less";
@import "code.less";
@import "grid.less";
@import "homepage.less";
Quindi la mia domanda è.
E 'possibile ottenere "homepage.less" solo nella homepage (importandolo in all.less).
Si prega di notare che non voglio collegarlo direttamente nel file html.
Grazie
Sul uso home page:
<body class="homepage">
E poi nei file Less:
.homepage {
@import "homepage.less";
}
È possibile che compila ancora tutto il codice in un unico file. Il tuo codice CSS compilato avrà un numero maggiore di byte, ma puoi memorizzare nella cache lo stesso file per tutte le tue pagine.
Grazie per la risposta, penso che questa sia la soluzione migliore per ora. – FrontDev
che non sembra essere possibile direttamente come tutte le less finirà per essere compilato per css prima di essere dato a una pagina. Probabilmente hai bisogno di creare un file separato con un nome come all_homepage.less per quello scopo?
hmmm, in questo caso devo creare file CSS separati per ogni pagina che voglio allegare un file separato e compilare il corrispondente file in meno nel css corrispondente, è una buona idea? – FrontDev
Può essere, che dipende dal numero di pagine che hai. – myTerminal
Con un file CSS principale di grandi dimensioni (memorizzato nella cache) su tutte le pagine e un secondo file CSS più piccolo con codice di pagina, sono necessarie due richieste http. Quando unisci tutto è lo stesso file, avrai bisogno di una sola richiesta http ma dovrai caricare un numero maggiore di byte. Nella maggior parte dei casi l'ultima opzione è la più veloce. Solo quando si dispone di un numero molto elevato di codice 'per pagina', il caricamento del numero maggiore di byte sarà più lento della richiesta http aggiuntiva. –
Se la home page è un file html separato, è necessario includere un file css separato.
Ti suggerisco di ripensare il tuo design. Perché sembra che il tuo codice css non sia così riusabile. Here è un libro molto buono e gratuito che ti insegnerà i concetti.
Ho un determinato design dato dal mio cliente, e nel mio caso la home page è completamente diversa dalle altre pagine. Anche il semplice cambiamento del design non è la soluzione al problema, quindi mi chiedevo se fosse possibile. Grazie per la risposta – FrontDev
Stai utilizzando i file '.less' in produzione? Non è la migliore idea - il punto è di renderli in css quando si è in una situazione live, ovvero in anticipo –
No, compilo il file all.less in main.css, ecco perché ho un problema con il collegamento homepage.less solo in un html pagina, come importarlo in tutti.inviato renderlo in tutte le pagine, non solo nella homepage – FrontDev
Perché vuoi che ogni pagina abbia il proprio file css? L'idea qui è di avere il css del tuo sito memorizzato nella cache per l'intero sito, quindi il tempo di caricamento è veloce tra le pagine. Se vuoi separare quello per pagina, allora tutto ciò che dici è che hai css scritto molto male e non stai riutilizzando correttamente nessuno dei tuoi stili. Ti suggerisco di dare un'occhiata al tuo css e chiediti perché il tuo file 'homepage.less' contiene così tanto codice unico, e non riusare cosa è già sul sito. –