2014-11-23 12 views
7

Ho installato Visual Studio 2013 2013 Ultimate 4 Plus Web Essentials e aggiornato.
I download bootstrap V3.3.1 source Ho copiato css, js, fonts e less folder in visual studio.Come compilare la sorgente Bootstrap LESS in VS 2013

Ora voglio compilare tutti i file .less dopo le mie modifiche lì per sovrascrivere il file bootstrap.css, ho selezionato tutti i file in solution explorer e il tasto destro del mouse ma tutte le voci di menu di Web Essentials sono state disabilitate.

Quali sono i passaggi che dovrei seguire per compilare tutti i file in formato .css o dovrei utilizzare uno strumento diverso da Web Essentials?

enter image description here

+0

si dovrebbe compilare solo bootstrap.less (questo file importa tutti gli altri). Si noti inoltre che sarà necessario prefisso del browser il codice da BS 3.2. (vedi: https://github.com/postcss/autoprefixer#visual-studio) –

+0

Hai Web Essentials? – Lowkase

+0

@Lowkase Sì, l'ho installato –

risposta

9

Per la cronaca l'attuale Essentials web sarà ricompilare tutti i file compilati quando si verificano modifiche, inclusi i file non CSS generare come variables.less. Hai solo bisogno di modificarli manualmente la prima volta per metterli in questa modalità. Ad esempio, la procedura per i nuovi progetti che desiderano riconfigurare le variabili Bootstrap è:

  1. Assicurarsi che sia installato il pacchetto di Visual Studio di Web Essentials corrente.
  2. Aggiungere il pacchetto NuGet Source Bootstrap al sito.
  3. Modifica manualmente i file che desideri generare automaticamente normalmente, ad es. /Content/bootstrap/bootstrap.less e theme.less. Quando salvi, si verificherà la prima compilazione, generando .css e min.css come elementi correlati in Esplora soluzioni.
  4. Ora quando si modificano i file correlati (ad es. Variables.less per fare il branding) il bootstrap compilato e il tema CSS vengono automaticamente aggiornati durante la compilazione.

L'unica parte sporca è la prima volta che si modifica la fonte originale, cambiando il timestamp. Speriamo che ciò non causi problemi con gli aggiornamenti del pacchetto NuGet in futuro.

C'è un problema aperto nel progetto Web Essentials su questo. Una soluzione semplice è ottenere l'opzione del menu di scelta rapida per eseguirla manualmente la prima volta, l'altra è un'impostazione permanente sul file in Visual Studio, ad esempio l'azione di creazione o l'azione dello strumento personalizzato.

https://github.com/madskristensen/WebEssentials2013/issues/1632

È possibile modificare il comportamento della ricompilazione in Visual Studio "Strumenti - Opzioni - Essentials Web - MENO" Impostazioni.

Problemi correlati