2013-07-31 8 views
19

में एससीएसएस फ़ाइल वॉचर के साथ सीएसएस को कैसे छोटा करें SASS FileWatcher को कॉन्फ़िगर करने का कोई तरीका है, इसलिए यह एक छोटा सीएसएस बनाता है?PHPStorm IDE

मैंने वर्तमान में इसे पूरा करने के लिए SASS + YUI कंप्रेसर को कॉन्फ़िगर किया है, लेकिन यदि संभव हो तो मैं शुद्ध SASS के साथ ऐसा करना चाहता हूं।

यहाँ दोनों विन्यास के स्क्रीनशॉट हैं:

SASS

YUI Compressor CSS

अग्रिम धन्यवाद।

+5

क्या आपने कमांड लाइन तर्कों की जांच की थी? SASS कंपाइलर (scss.bat) '- स्टाइल संपीड़ित 'विकल्प का समर्थन करता है, जो ** बहुत कॉम्पैक्ट/संपीड़ित ** आउटपुट का उत्पादन करेगा - http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html# output_style। यदि आप चाहें - तो आप इसे फिर से YUICompressor (संभवतः * कुछ और अनुकूलन प्राप्त कर सकते हैं) के साथ संसाधित कर सकते हैं। ** वैकल्पिक रूप से ** एक बीएटी/सीएमडी फ़ाइल बनाएं जो पहले सैस कोड को संकलित करेगी और फिर इसे कठिन यूयूआईसी (कुल में 2 लाइनें) चलाएं और इसे वास्तविक SASS कंपाइलर के बजाय अपने फ़ाइल वॉचर में उपयोग करें। – LazyOne

+0

@LazyOne यह एक जवाब होना चाहिए। :) – KatieK

उत्तर

43

शायद इसे प्राप्त करने का सबसे तेज़ तरीका एक टिप्पणी के रूप में पिछली टिप्पणियों में उल्लिखित संपीड़ित विकल्प का उपयोग करना है। PHPStorm में यह कॉन्फ़िगर करने के लिए तेज तरीका इस प्रकार है:

  • File > Settings
  • पर जाएं अंदर Project Settings चयन File Watchers
  • आप पहले से ही यहां बनाई गई एक एससीएसएस द्रष्टा होना चाहिए (यदि आपके पास एससीएसएस घड़ी प्लगइन सक्रिय है, PHPStorm आपको एक नई .scss फ़ाइल खोलते समय एक वॉचर बनाने के लिए संकेत देता है।) अन्यथा, इसे सक्षम करें (official documentation के इस खंड में इसके बारे में अधिक जानकारी, और फिर "+" प्रतीक दबाकर नया वॉचर बनाएं।
  • इसकी कॉन्फ़िगरेशन तक पहुंचने के लिए वॉचर नाम पर डबल क्लिक करें।
  • Arguments लाइन में --style compressed तर्क ठीक जोड़ने के लिए
  • क्लिक करें सुनिश्चित करें और आप

काम हो गया इस छवि को दिखाता है कि कैसे है कि विन्यास दिखना चाहिए:

Compressed SCSS settings in PHPStorm

कि से बिंदु, आपकी। सीएसएस आउटपुट फाइलों को संपीड़ित किया जाएगा।

+7

यहां पूर्ण तर्क हैं: --no-cache - स्टाइल संपीड़ित - अपडेट $ फ़ाइल नाम $: $ FileNameWithoutExtension $ .min.css – achucuan