In VS <= 2015 possiamo usare l'estensione WebEssentials che si occupa di compilare i file less / sass per noi, ma attualmente non supporta VS 2017. Sei a conoscenza di un'estensione simile che può compilare less / sass su build?
Come compilare file less / sass in Visual Studio 2017
Risposte:
WebEssentials è stato suddiviso in più estensioni. Credo che la funzionalità che desideri sia ora nell'estensione del compilatore web .
Se vuoi farlo senza estensioni, puoi usare un task runner come Gulp. Vedi qui per una procedura dettagliata su come integrare le attività Gulp in VS.
Sto usando Web Compiler come estensione in VS 2019 per aiutare a compilare alcuni file .less molto vecchi e funziona ancora alla grande.
—
klewis
NOTA: Web Compiler è stato abbandonato, l'ultimo aggiornamento è stato di 5 anni fa. Ha alcuni problemi non risolti, ma funziona.
—
Alex
Web Compiler ha funzionato per me in VS 2019, ma non si ricompila automaticamente .less out of the box. È necessario eseguire la compilazione una volta manualmente (vedere questa risposta ) per creare il file compilerconfig.json. Dopodiché, ricompilerà automaticamente i file .less.
—
neizan
AGGIORNAMENTO - SI PREGA DI LEGGERE QUESTA PAGINA, POICHÉ HO AGGIUNTO UNA RISPOSTA AGGIUNTIVA (QUESTA NON SEMBRA PIÙ FUNZIONARE PER ME).
Per quelli, come me, che non conoscono Gulp o Grunt o Shriek o Wail e non lo vogliono, PUOI ottenere Visual Studio 2017 per compilare automaticamente i tuoi file SCSS, proprio come faceva in Visual Studio 2015. Il i passaggi seguenti hanno funzionato per me.
Prima disinstalla tutte le vecchie estensioni / pacchetti Nuget per Web Compiler (non so se sia necessario o meno).
Vai alla pagina di download della galleria VSIX e scegli di scaricare Web Compiler.
Nota che l'ho fatto prima scegliendo Strumenti / Estensioni e Aggiornamenti in Visual Studio. Anche se questo sembrava funzionare, ho scoperto che i miei file SCSS parziali non venivano compilati automaticamente in CSS quando ho apportato modifiche (non ero l'unico ).
Ora dovresti essere in grado di fare clic con il pulsante destro del mouse sul tuo file SCSS principale e scegliere le opzioni mostrate di seguito, che dovrebbero creare automaticamente un file chiamato compilerconfig.json nella radice del tuo progetto (questo passaggio probabilmente non è necessario se hai già questo file) :
Da questo punto in poi, tutto sembrava funzionare bene. Phew! Grazie a Mads Kristensen per questa estensione - qualsiasi cosa per evitare di imparare qualcosa di nuovo ...
Non capisco questo commento! Non sono sicuro di quale sia la risposta accettata, ma nessuna di esse è affatto simile a quella che ho dato.
—
Andy Brown
La risposta accettata è quella con il segno di spunta verde. Attualmente ha il maggior numero di voti positivi e suggerisce di utilizzare la stessa estensione del compilatore Web. Comunque mi piace la tua risposta per via delle foto.
—
Mihail Shishkov
Grazie. La mia risposta fornisce una soluzione senza usare Gulp / Grunt e fornisce anche i dettagli extra di cui le persone avranno bisogno. Ho guardato la risposta con il segno di spunta (tra le altre), ma non ha risolto il mio problema senza le informazioni extra sopra - ecco perché ho preso lo sforzo di pubblicare, solo per evitare che altri perdessero lo stesso tempo che avevo speso cercando di risolverlo .
—
Andy Brown
prova a leggere la risposta accettata, sta dicendo la stessa cosa, ma suggerisce anche come usare Gulp
—
Keith Nicholas
OK, vedo ora che la risposta accettata dice la stessa cosa, quindi la mia aggiunge solo più dettagli. Si spera che lettori pigri come me lo trovino utile!
—
Andy Brown,
Risposta semplice:
- per compilare file LESS e SASS: Web Compiler o Web Essentials 2017 (includere molte estensioni)
- per compilare solo i campi SASS (SCss): CompileSass
- per compilare solo LESS files: LESS Compiler
La mia precedente risposta ha funzionato per me per alcuni mesi, ma ora non funziona più. Quando provo a compilare, ricevo un messaggio nella finestra Errori sui problemi con lo schema CompilerConfig e non riesco a risolverlo (né Google né l'installazione / disinstallazione hanno aiutato).
Quindi una risposta alternativa è usare CompileSASS , che è un add-in molto più semplice, con (molta) meno documentazione in linea, ma che funziona magnificamente. Gli unici aspetti negativi che posso vedere sono:
- il CSS generato si trova nella stessa cartella di SCSS, quindi ho dovuto spostare un po 'le cose nel mio sito Web per adattarlo; e
- il CSS generato è solo minimizzato, per quanto posso vedere
Dopo aver installato il componente aggiuntivo (sto usando VS 2017), puoi andare in Strumenti> Opzioni per modificare le impostazioni:
Spero ora di poter riprendere il lavoro! Grazie a tutti gli autori di componenti aggiuntivi, a proposito, non intendo lamentarmi.
Per fortuna questa volta ho fatto scorrere tutto il percorso. Stavo per seguire il tuo prev. risposta. Forse dovresti aggiornarlo con una nota, se pensi che la risposta non funzioni più. :)
—
radbyx
Ha funzionato come un fascino. Molte grazie.
—
radbyx
Se hai già un compilatore Web e stai affrontando gli stessi errori descritti in questo post, guarda i miei post qui: stackoverflow.com/a/55290276/3609362 github.com/madskristensen/WebCompiler/issues/…
—
Matt G
Ho appena scaricato Web Compiler per Visual Studio 2019 e finora funziona perfettamente. Esistono problemi specifici di Visual Studio 2017?
—
Andy Brown
Ora c'è anche un compilatore meno specifico. https://github.com/madskristensen/LessCompiler
Ho scaricato e installato l'estensione. Ho quindi aperto il mio file Site.less e posso vedere dove si trova la filigrana per sintonizzarsi sul compilatore. Quindi ho creato una build sul mio sito e l'ho aperto in modalità di debug. Quando apro il mio Site.css, che si trova sotto Site.less, ha il watermak generato su di esso. Provo quindi a cercare una proprietà appena aggiunta ma non è presente e non ricevo il mio CSS. Qualche idea su come posso ottenerlo per costruire il mio LESS?
—
Caverman