एनपीएम और Django का उपयोग कर सीएसएस staticfiles लोड करने का सही तरीका क्या है?

Question

मैं इतनी तरह मेरे node_modules निर्देशिका से मेरी स्थिर सीएसएस फ़ाइलों (उदा, बूटस्ट्रैप) लोड करने के लिए, चाहते हैं:

{% load staticfiles %} 
<link rel="stylesheet" href="{% static 'bootstrap/dist/css/bootstrap.min.css' %}" /> 

जब मैं अपने STATICFILES_DIRS सेटिंग में .../node_modules/ शब्दों में कहें, यह काम करता है। हालांकि, यह मेरे /static/ फ़ोल्डर में फ़ाइलों की एक बड़ी संख्या में भी बड़ी संख्या में जोड़ता है - अधिकतर devDependencies कि मुझे फ्रंटेंड पर पहुंच की आवश्यकता नहीं है।

एनपीएम के माध्यम से कुछ स्थैतिक संपत्तियों को शामिल करने के लिए सबसे अच्छा अभ्यास क्या है, लेकिन node_modules से /static/ फ़ोल्डर में सब कुछ शामिल नहीं है?

या, क्या यह कई बाहरी फाइलों को शामिल करना ठीक है और यह सबसे अच्छा समाधान है?

Answer 1

मैं क्या, वह इस प्रकार है

STATICFILES_DIRS = (
    os.path.join(DJANGO_PROJECT_DIR, 'static'), 
    os.path.join(ROOT_DIR, 'node_modules', 'd3', 'build'), 
    os.path.join(ROOT_DIR, 'node_modules', 'c3'), 
) 

यह मेरा स्थिर फ़ोल्डर में केवल आवश्यक फ़ाइलें स्थापित करेंगे।

Answer 2

मुझे व्यक्तिगत रूप से लगता है कि इन असाधारण देव फ़ाइलों को node_modules में रहना ठीक है (और STATIC_ROOT में डुप्लीकेट)। आपका माइलेज भिन्न हो सकता है यदि आपका नोड_मोड्यूल फ़ोल्डर विशाल है, लेकिन आकार को दोगुना करना आम तौर पर मेरे उपयोग के मामलों के लिए एक बड़ा सौदा नहीं है, और प्रत्येक मॉड्यूल को STATICFILES_DIRS में सूचीबद्ध करने के लिए सुविधाजनक नहीं है क्योंकि मैं उन्हें इंस्टॉल करता हूं।

STATICFILES_DIRS = (
    ... 
    os.path.join(BASE_DIR, 'node_modules'), 
    ... 
) 

फिर अपने टेम्पलेट्स में

, कार्य करें:

<script src='{% static 'bootstrap/dist/css/bootstrap.min.css' %}'></script> 

फ़ोल्डर कभी हाथ से बाहर निकलना था, तो आकार के लिहाज से, आप संघर्ष का सामना करना शुरू कर दिया है, या अगर वहाँ एक पुस्तकालय तुम सच में नहीं था था ' टी जॉस्टक्रो का जवाब देना चाहते हैं (या एक कस्टम staticfiles खोजक लिखना) समझ में आ सकता है।

इसके अलावा, सबकुछ एक साथ बंडल करने की कोशिश करने के लायक हो सकता है। यदि आपकी सारी चीज़ें बंडल जेएस/सीएसएस फाइलों में रहती हैं, तो पूरी समस्या केवल उन फ़ाइलों को वेबपैक द्वारा हल की जाती है जो आपकी पसंद के ऐप में होती हैं।