Kullanılmayan modülleri/bileşenleri uzun bir süre aradıktan sonra Semantic UI derlemesini

Question

'dan kaldırın, geçerli Semantic UI 2.0'a uyan herhangi bir çözüm bulamadım.

Soru: Kullanılmayan bileşenleri ve modülleri JS/CSS derlememden nasıl kaldırırım? Tüm özelliklerin yaklaşık 1/4'ünü kullanıyorum, dosya boyutunu küçültmenin kolay bir yolu var mı? Semantic.json öğelerini ekleme/kaldırma yolu artık çalışmıyor.

sayesinde bu Semantik UI yükleme işlemi sırasında yapılabilir

Answer 1

H.G.. Install Semantic UI okudunuz mu?

Eğer

npm install semantic-ui --save 

yüklemek senaryoyu başlatmak için yürütür o var tasvir edilmiştir.

Hangi türden kurulum yapmak istediğiniz sorulur (Otomatik, Hızlı, Özel). "Özel" seçeneğini belirlerseniz, Semantic UI'yi hangi bileşenlerle yükleyeceğiniz sorulur.

Tabii ki, bu, geliştirmeniz sırasında hangi bileşenleri kullanacağınızı önceden bilmeniz gerektiği anlamına gelir. Semantic UI'yi tamamıyla yükleme yöntemini seçtim ve yükleme işlemini yeniden çalıştırın, şimdi, yüklemeye hazır bileşenleri, proje serbest bırakmaya hazır olduktan sonra.

Saygılarımızla, Sascha. İşte

Answer 2

bileşenleri özelleştirmek için yapılması gerekenler:

• Düzenleme ince ayar yapmak semantic.json dosya bileşeni listesi. Tüm bileşenleri yükleyen varsayılan yüklemeyi seçtiyseniz, bu json dosyasında bileşenleri bölümü bulunmayacak, el ile eklemekte serbestsiniz.

• git semantik dizin ve çalıştırmak iki yudum komutları (project_root/varsayılan olarak semantik olan):

  1. gulp clean
  2. gulp build

Sonra semantik en son ile yeniden oluşturulacaktı bileşen listesi. Aşağıda referans için bir örnek verilmiştir:

{ 
     "base": "semantic/", 
     "paths": { 
     "source": { 
      "config": "src/theme.config", 
      "definitions": "src/definitions/", 
      "site": "src/site/", 
      "themes": "src/themes/" 
     }, 
     "output": { 
      "packaged": "dist/", 
      "uncompressed": "dist/components/", 
      "compressed": "dist/components/", 
      "themes": "dist/themes/" 
     }, 
     "clean": "dist/" 
     }, 
     "permission": false, 
     "autoInstall": false, 
     "rtl": false, 
     "components": [ 
     "reset", 
     "site", 
     "button", 
     "container", 
     "divider", 
     "header", 
     "icon", 
     "image", 
     "input", 
     "label", 
     "segment", 
     "form", 
     "grid", 
     "menu", 
     "message", 
     "dropdown", 
     "transition" 
     ], 
     "version": "2.2.4" 
    }