"Enter"a basıp içeriğe geçin

PhpStorm FileWatchers’da NPM İle Sass Kurulumu

Merhaba arkadaşlar en son Filewatchers kullanırken scss dosyamı derlemek için ruby kurmak zorunda kalmıştım. İnternetdeki bu konuda hakkında çözümlerin %90’ı ruby ile fakat normalde ruby kullanmayan biriyim yani bi scss dosyasını derlemek istiyorum diye koskoca ruby neden bilgisayarımda yer işgal etsin ? Phpstorm un sitesinde less dosyasını derlemek için npm kurulumu var fakat scss yok daha doğrusunu onu ruby ile kurmuşlar bende sağlam bir araştırma biraz da kurcalama ile çözümü buldum size’de paylaşıyorum.

Komut satırınna

npm install node-sass -g

Eğer başarılı bir şekilde kuruldu ise C:\Users\UserName\AppData\Roaming\npm klasründe “node-sass.cmd” olması lazım bunu resimde gördüğünüz gibi program kısmına tanımlıyorsunuz. Eğer kurulumda hata çıktı ise “npm init” yaparak package.json dosyasını oluşturun tekrar deneyin

 

Daha sonra Arguments ve Output a sırayla girin.


$FileName$ --output-style compressed $FileDir$/$FileNameWithoutExtension$.css

$FileName$ --output-style compressed $FileDir$/$FileNameWithoutExtension$.min.css

Other option’da working direction’a ise;

$FileDir$ yazmanız yeterli.

Sonuç;

Yukarıdaki argüman ve outputları siz nasıl çalışmak isterseniz o şekilde değiştirebilirsiniz. fakat program kısmındaki node-scss.cmd’nin yolunu doğru yazın yeter.

Not:consol’u yönetici izni ile çalıştırmayı unutmayın…

Kaynak : https://www.devinuk.com/en/how-to-set-up-node-js-scss-watcher-in-phpstorm-node-sass/