VS <= 2015'te, bizim için daha az / sass dosyalarını derlemeye özen gösteren WebEssentials uzantısını kullanabiliriz, ancak şu anda VS 2017'yi desteklemiyor. Derlemede daha az / sass derleyebilen benzer uzantılardan haberdar mısınız?
Visual Studio 2017'de daha az / sass dosyası nasıl derlenir
Yanıtlar:
WebEssentials, birden çok uzantıya bölünüyor. İstediğiniz işlevselliğin artık Web Derleyici uzantısında olduğuna inanıyorum .
Uzantılar olmadan yapmak istiyorsanız, Gulp gibi bir görev çalıştırıcı kullanabilirsiniz. Gulp görevlerinin VS'ye nasıl entegre edileceğine dair bir örnek için buraya bakın .
Bazı çok eski .less dosyalarını derlemeye yardımcı olmak için VS 2019'da bir uzantı olarak Web Derleyicisi kullanıyorum ve hala harika çalışıyor.
—
klewis
NOT: Web Derleyicisi terk edildi, son güncelleme 5 yıl önceydi. Bazı çözülmemiş sorunlar var, ancak işe yarıyor.
—
Alex
Web Derleyici VS 2019'da benim için çalıştı, ancak kutudan çıkar çıkmaz otomatik olarak yeniden derlenmeyecek. Oluşturulacak compilerconfig.json dosyası için derlemeyi bir kez manuel olarak çalıştırmanız gerekir ( bu yanıta bakın ). Bundan sonra, .less dosyalarını otomatik olarak yeniden derleyecektir.
—
neizan
GÜNCELLEME - LÜTFEN BU SAYFAYI OKUYUN, EK BİR CEVAP EKLEDİM (BU ARTIK BENİM İÇİN ÇALIŞACAK GÖRÜNMÜYOR).
Benim gibi Gulp veya Grunt veya Shriek veya Wail'i tanımayan ve istemeyenler için, Visual Studio 2015'te olduğu gibi SCSS dosyalarınızı otomatik olarak derlemek için Visual Studio 2017'yi edinebilirsiniz. aşağıdaki adımlar benim için çalıştı.
Önce Web Derleyicisi için eski uzantıları / Nuget paketlerini kaldırın (Bunun gerekli olup olmadığını bilmiyorum).
Git VSIX galeri indirme sayfasına ve Web Compiler indirmek seçin.
Bunu ilk olarak Visual Studio'da Araçlar / Uzantılar ve Güncellemeler'i seçerek yaptığımı unutmayın . Bu işe yarıyor gibi görünse de, kısmi SCSS dosyalarımın değişiklik yaptığımda otomatik olarak CSS'ye derlenmediğini keşfettim ( tek ben değildim ).
Artık ana SCSS dosyanıza sağ tıklayıp aşağıda gösterilen seçenekleri seçebilmelisiniz; bu, projenizin kök dizininde otomatik olarak compilerconfig.json adlı bir dosya oluşturmalıdır (bu dosyaya zaten sahipseniz bu adım muhtemelen gereksizdir) :
Bu noktadan itibaren her şey yolunda görünüyordu. Vay be! Bu uzantı için Mads Kristensen'e teşekkürler - yeni bir şeyler öğrenmekten kaçınmak için her şey ...
Bu yorumu anlamıyorum! Kabul edilen cevabın hangisi olduğundan emin değilim, ama hiçbiri benim verdiğim cevaba benzemiyor.
—
Andy Brown
Kabul edilen cevap, üzerinde yeşil kene bulunan cevaptır. Şu anda en fazla oyu var ve aynı Web Derleyici uzantısını kullanmanızı öneriyor. Neyse, cevabını resimler yüzünden beğendim.
—
Mihail Shishkov
Teşekkürler. Cevabım Gulp / Grunt kullanmadan bir çözüm sunarken aynı zamanda insanların ihtiyaç duyacağı ekstra detayı da veriyor. İşaretli yanıta baktım (diğerlerinin yanı sıra), ancak yukarıdaki ekstra bilgi olmadan sorunumu çözmedi - bu nedenle başkalarının da bunu çözmeye çalışırken harcadığım zamanı boşa harcamasını önlemek için gönderi yayınlamak için çaba sarf ettim .
—
Andy Brown
kabul edilen cevabı okumayı deneyin, aynı şeyi söylüyor, ama aynı zamanda Gulp'un nasıl kullanılacağını da öneriyor
—
Keith Nicholas
Tamam, şimdi kabul edilen cevabın aynı şeyi söylediğini görüyorum - bu yüzden benimki daha fazla ayrıntı ekliyor. Umarım benim gibi tembel okuyucular bunu faydalı bulabilir!
—
Andy Brown
Basit cevap:
- hem LESS hem de SASS dosyalarını derlemek için: Web Compiler veya Web Essentials 2017 (birçok uzantı içerir)
- sadece SASS (SCss) alanlarını derlemek için: CompileSass
- sadece LESS dosyaları derlemek için: LESS Compiler
Önceki cevabım birkaç ay benim için çalıştı, ancak artık işe yaramıyor. Derlemeyi denediğimde, Hatalar penceresinde CompilerConfig şemasıyla ilgili sorunlar hakkında bir mesaj alıyorum ve bunu çözemiyorum (ne Googling ne de yükleme / kaldırma yardımcı oldu).
Bu yüzden alternatif bir cevap, çok daha basit bir eklenti olan CompileSASS'ı (çok) daha az çevrimiçi dokümantasyona sahip, ancak güzelce çalışan CompileSASS'ı kullanmaktır . Görebildiğim tek dezavantajlar:
- oluşturulan CSS, SCSS ile aynı klasörde, bu yüzden bunu sağlamak için web sitemdeki şeyleri biraz hareket ettirmek zorunda kaldım; ve
- oluşturulan CSS yalnızca görebildiğim kadarıyla küçültülmüş
Eklentiyi yükledikten sonra (VS 2017 kullanıyorum), ayarları değiştirmek için Araçlar> Seçenekler'e gidebilirsiniz:
İşte şimdi işe devam edebileceğimi umuyorum! Tüm eklenti yazarlarına teşekkürler, bu arada - sızlanmak istemem.
İyi ki bu sefer sonuna kadar kaydırdım. Ben de tam senin öncekini takip edecektim. Cevap. Cevabın artık işe yaramadığını düşünüyorsanız, belki bir notla güncellemelisiniz. :)
—
radbyx
Bir cazibe gibi çalıştı. Çok teşekkürler.
—
radbyx
Visual Studio 2019 için Web Derleyicisini yeni indirdim ve şu ana kadar mükemmel çalışıyor. Visual Studio 2017'ye özgü sorunlar var mı?
—
Andy Brown
Artık daha az spesifik bir derleyici de var. https://github.com/madskristensen/LessCompiler
Uzantıyı indirip yükledim. Daha sonra Site.less dosyamı açtım ve derleyiciyi ayarlamak için filigranın nerede olduğunu görebiliyorum. Daha sonra sitemde bir derleme yaptım ve hata ayıklama modunda açtım. Site.less altında bulunan Site.css'mi açtığımda üzerinde Generated watermak var. Daha sonra yeni eklenen bir mülk için arama yapmaya çalışıyorum ama orada değil ve CSS'mi alamıyorum. LESS'imi oluşturmak için nasıl elde edebileceğime dair bir fikriniz var mı?
—
Caverman