6

यहाँ की एक त्वरित सारांश है कि मैं क्या बारे में बात कर रहा हूँ:क्रोम/सास Sourcemaps, निरीक्षक में किए गए परिवर्तनों एससीएसएस फ़ाइल में सहेजा नहीं

https://medium.com/what-i-learned-building/b4daab987fb0

जब कार्यस्थानों के साथ क्रोम का उपयोग और की स्थापना sourcemaps, और स्थानीय/नेटवर्क फाइलें जुड़ी हैं, मैं सही एससीएसएस फ़ाइल में चयनकर्ता के स्थान को पहचानने के लिए क्रोम वेब इंस्पेक्टर (तत्वों के तहत -> शैलियों फलक) का उपयोग कर सकता हूं। इसके अतिरिक्त, मैं उस पर क्लिक कर सकता हूं, एससीएसएस फ़ाइल में ले जाया जा सकता हूं, एक बदलाव कर सकता हूं और फिर इसे फ़ाइल सिस्टम में सफलतापूर्वक सहेज सकता हूं। हालांकि, मैंने जो काम किया है वह तत्वों-> शैलियों पैनल में एससीएसएस फ़ाइल में अपडेट होने के लिए किए गए परिवर्तन हैं (यानी यदि मैं तत्व टैब में बदलाव करता हूं और क्रोम के भीतर एससीएसएस फ़ाइल की जांच करता हूं तो इसे बदलना चाहिए था)।

इसके बजाय यह सीएसएस फ़ाइल में परिवर्तन करता है। जाहिर है यह बहुत ही उपयोगी नहीं है के रूप में:

  • यह जैसे ही एससीएसएस फ़ाइल बदल गया है ओवरराइट किया जाएगा
  • इसका मतलब है कि क्रोम शैलियों जो, एससीएसएस फ़ाइल में नहीं हैं फिर से लोड करने के बाद भी दिखा देंगे, वे के रूप में सीएसएस फ़ाइल

में लगातार सहेजे गए हैं मैंने एसएएस 3.3.6 का उपयोग करके ओएसएक्स और विंडोज दोनों पर यह कोशिश की है। यह भी पुष्टि कर सकता है कि यह # .. https://code.google.com/p/chromium/issues/detail?id=273384 में निर्दिष्ट "../" समस्या नहीं है क्योंकि sass फ़ाइल अब सीएसएस फ़ाइल के भीतर है। स्टाइलशीट टैग पर कोई style.css? Ver = x एक्सटेंशन भी नहीं हैं।

उत्तर

4

https://code.google.com/p/chromium/issues/detail?id=257778 वह है जो आप पूछ रहे हैं। जब स्टाइल फलक संपादित किया जाता है तो सीएसएस के स्थान पर एससीएसएस को पैच करना सामान्य मामले में असंभव (संदिग्ध) है यदि चर या जटिल भाषा सुविधाएं शामिल हैं, तो आपकी सबसे अच्छी शर्त Ctrl- स्टाइल फलक में आवश्यक सीएसएस संपत्ति पर क्लिक करें संबंधित एससीएसएस खंड पर नेविगेट करें और सादा एससीएसएस संसाधन टेक्स्ट संपादित करें, फिर सहेजें (Ctrl + S) और सैस कंपाइलर (घड़ी मोड में चलने) को बाकी दें। DevTools के लिए जेनरेट किए गए सीएसएस परिवर्तनों को चुनने के लिए आपके पास Enable CSS source maps और Auto-reload generated CSS सेटिंग्स दोनों सक्षम होनी चाहिए।

+1

धन्यवाद, स्वीकार किया गया। जब मैंने सोचा था कि यह पहले से ही काम कर रहा था तो मुझे गलत होना चाहिए था। यह एक अच्छी सुविधा होगी, फिर भी, स्टाइल फलक के लिए एससीएसएस को पैच करने के लिए जब उस चयनकर्ता के भीतर केवल सादा सीएसएस शैलियों हों और चयनकर्ता एसएएसएस प्लेसहोल्डर आदि का उपयोग नहीं करता है – user3590211

+0

क्या यह https://code.google से संबंधित है .com/p/क्रोमियम/मुद्दों/विवरण? id = 257778 @ alexander-pavlov? स्टाइल फलक में एसएएस को बनाए रखने के लिए कोई कामकाज नहीं होगा? – fernandopasik

+1

@ फ़र्नान्डोपैसिक: यह केवल उस मुद्दे से संबंधित है जो आप उल्लेख करते हैं। वह सीएसएस-> एससीएसएस लिंक को मारने वाले स्टाइल फलक में जेनरेट किए गए सीएसएस संपादन के बारे में है। –

संबंधित मुद्दे