Sto lavorando su un sito web a tema, il che significa che l'amministratore può scegliere i colori primari / secondari per personalizzare l'interfaccia utente.
Il sito Web è compilato in .net e le regole di stile sono scritte in less.js. L'implementazione corrente utilizza un plug-in Webpack fatto in casa che raggruppa meno file insieme. Alcuni file in meno contengono variabili non definite. Quelle variabili sono fornite in fase di runtime attraverso dotless (cioè l'url del foglio di stile è simile a questo: www.mysite.com/main.bundle.less?primary=green)
Abbiamo due problemi con questa soluzione:
- il plugin personalizzato deve essere mantenuto (webpack 1 - > webpack 2 migration)
- vorremmo allontanarci dall'essere senza doti poiché non è compatibile con less.js
Non sono riuscito a trovare molti articoli su questo argomento.
Abbiamo due idee:
- crea il css nel browser
- quando l'amministratore salva un nuovo tema, crea il css sul server e lo offre all'utente
Entrambe le opzioni richiedono di raggruppare il file less richiesto in un bundle di file in meno. Non sono riuscito a trovare alcun plugin per il webpack esistente che faccia questo.
Ci sono altre opzioni? Quali sono i soliti modi per fornire questa funzionalità?