Django-compressor: Sass, कंप्रेसर का उपयोग करके और बिना अलग-अलग परिणाम, पार्सिंग त्रुटियों के कारण

को निर्मित 15 फ़र॰ 2017 · 11टिप्पणियाँ · स्रोत: django-compressor/django-compressor

हैलो, मैं बूटस्ट्रैप 4 अल्फा 6 का उपयोग करते समय एक समस्या में भाग रहा हूं। सामना करना पड़ा कि बीएस 4 को शामिल करने के बाद सभी सीएसएस को ब्राउज़र द्वारा अनदेखा कर दिया गया था। गहरा खोदा और उत्पन्न सीएसएस की पार्सिंग त्रुटि मिली।

मैं Django 1.8.17, कंप्रेसर 2.1.1, Sass 3.4.22 का उपयोग कर रहा हूं

मैं यहां पहली पार्स त्रुटि का दस्तावेजीकरण करूंगा जो मुझे मिली।

त्रुटि डबल कोट " में stroke='rgba(0, 0, 0, 0.5")', जबकि यह stroke='rgba(0, 0, 0, 0.5)' होना चाहिए। यह दस्तावेज़ में पार्सिंग त्रुटियों का कारण बनता है।

अमान्य लाइन (डीजे कंप्रेसर के माध्यम से)

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5")' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

मान्य लाइन (एसएएस डायरेक्ट के माध्यम से)

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); }

पूर्व-संकलित संस्करण के साथ मेल खाता है।

_पृष्ठभूमि-छवि_ का स्रोत

$navbar-light-toggler-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"), "#", "%23") !default;

$navbar-light-color:                rgba($black,.5) !default;

$black:  #000 !default;

हम डीजे कंप्रेसर के माध्यम से कैसे उत्पन्न करते हैं

{% compress css %}
<link rel="stylesheet" type="text/x-scss" media="screen" charset="utf-8"
    href="/static/bootstrap/scss/bootstrap.scss" />
{% endcompress %}

COMPRESS_PRECOMPILERS = (
    ('text/coffeescript', 'coffee --compile --stdio'),
    ('text/x-sass', 'sass {{infile}} {{outfile}} --load-path {}'.format(LIB_PATH)),
    ('text/x-scss', 'sass --scss {{infile}} {{outfile}} --load-path {}'.format(LIB_PATH)),
)

bug

स्रोत

wjdp

सभी 11 टिप्पणियाँ

बहुत बुरा लग रहा है। इसे ठीक करने में किसी भी मदद की सराहना की जाएगी, मेरे पास आने वाले हफ्तों के लिए समय नहीं होगा।

karyon 15 फ़र॰ 2017

मुझे जाना होगा। मैं आपके कोडबेस से परिचित नहीं हूं, इसलिए जहां से शुरू करना है/कोई भी संकेत बहुत मूल्यवान होगा।

wjdp 15 फ़र॰ 2017

कुछ विचार:

क्या यह COMPRESS_ENABLED = False ?
क्या आप दोबारा जांच सकते हैं कि Sass संस्करण समान है? (इसके बारे में खेद है, लेकिन सिद्धांत रूप में सभी कंप्रेसर कर रहे हैं इनपुट को सैस को संसाधित करने के लिए सौंप रहा है - जाहिर है कुछ चल रहा है लेकिन मैं इसे रद्द करना चाहता हूं।)

carltongibson 15 फ़र॰ 2017

@carltongibson :

पहले से चल रहा है COMPRESS_ENABLED = False , वही परिणाम इसे True सेट करने के साथ देखा गया।
इस प्रकार मैं sass संस्करण की जाँच कर रहा हूँ। उस वातावरण में सर्वर चलाना

$ sass -v 
Sass 3.4.22 (Selective Steve)

मैंने कंप्रेसर ब्लॉक में एसएएस संस्करण या पूर्व-निर्मित बूटस्ट्रैप.सीएसएस फ़ाइल को शामिल करने का प्रयास किया है, इसके बाद एक फ़ाइल जिसमें केवल एक बॉडी बी एकग्राउंड है: वैध/पार्सेबल सीएसएस के लिए चेकलाइट के रूप में हरा । मुझे पूर्व-निर्मित .css संस्करण के लिए 'हरा' मिल रहा है, लेकिन .sass के लिए नहीं - जहां कंप्रेसर बूटस्ट्रैप बनाता है।

wjdp 15 फ़र॰ 2017

@wjdp ठीक है धन्यवाद। हम्म।

उस स्थिति में क्या मैं Compressor.precompile में ब्रेकपॉइंट डालने का सुझाव दे सकता हूं? सबसे पहले content सही तरीके से पास किया गया है?

फिर hunks() में प्रीकंपेलर से value लौटाया गया सही है?

carltongibson 16 फ़र॰ 2017

मैं अभी इस पर गौर कर रहा हूं। समस्या #764 जैसी ही है। CssAbsoluteFilter URL से मिलान करने के लिए r'url\(([^\)]+)\)' का उपयोग करता है, और इसलिए पहले समापन कोष्ठक पर रुक जाता है। चूंकि रेगेक्स नेस्टेड कोष्ठक की मनमानी संख्या से निपटने में सक्षम नहीं हैं, इसलिए मुझे तीन विकल्प दिखाई देते हैं:

नेस्टेड कोष्ठक के बिल्कुल एक स्तर से निपटें क्योंकि यह किसी के लिए भी पर्याप्त होना चाहिए
इसे अधिक बुद्धिमान मिलान तर्क के साथ ठीक से करें
सीएसएस को पार्स करने के लिए कुछ पुस्तकालय का उपयोग करें।

मैं इस पर अधिक समय नहीं देना चाहता और मैं विकल्प 1 पर विचार कर रहा हूं, यदि कोई अधिक मजबूत समाधान बनाना चाहता है, तो मुझे इसकी समीक्षा करने में खुशी होगी।

karyon 16 फ़र॰ 2017

👍1

#828 में प्रस्तावित सुधार। यह वास्तव में नेस्टेड कोष्ठक को बिल्कुल भी नहीं संभालता है, यह केवल समापन उद्धरणों की अपेक्षा करता है यदि खोलने वाले हैं (इसलिए url("data:...stroke='rgba(0, 0, 0, 0.5) मेल नहीं खाएगा) और, सुरक्षित होने के लिए, डेटा-यूरिस को पूरी तरह से अनदेखा कर दिया जाता है।

karyon 16 फ़र॰ 2017

👍1

@wjdp क्या आप #828

carltongibson 16 फ़र॰ 2017

करेगा

wjdp 16 फ़र॰ 2017

@carltongibson पुष्टि कर सकता है कि पीआर ने मेरे लिए इस मुद्दे को ठीक कर दिया है। आपके बहुत तेज़ काम के लिए @karyon धन्यवाद! :मुस्कुराओ:

wjdp 16 फ़र॰ 2017

बहुत बढ़िया फॉलो अप के लिए धन्यवाद।

carltongibson 17 फ़र॰ 2017

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स