2016-06-24 3 views
8

कहते हैं कि मैं कुछ स्थापित:एनपीएम के माध्यम से स्थापित पुस्तकालयों से सीएसएस का संदर्भ कैसे लें? उदाहरण के लिए

npm install --save something 

और यह

./node_modules/something/ 

में डाउनलोड करता है और यह फ़ोल्डर है कि आप something.css है वहाँ शायद कहा जाता styles और में एक फ़ोल्डर है। मैं कैसे (मेरी HTML दस्तावेज़ में है कि सीएसएस फ़ाइल होगी अगर मेरे एचटीएमएल दस्तावेज़ के साथ साइड node-modules फ़ोल्डर था

मैं मैं मेरी एचटीएमएल सिर में ऐसा कर सकता है मतलब:

<link rel="stylesheet" href="./node_modules/something/styles/something.css" type="text/css" media="screen" /> 

लेकिन यह गलत सामान के लिए अपने node_modules निर्देशिका में खुदाई जाने के लिए। खास तौर पर अगर एचटीएमएल दस्तावेज़ शायद न्यूनतम किया गया करने के लिए मिलता है और फिर कुछ ./dist/ निर्देशिका में फेंक दिया। क्योंकि तब something.css के लिए पथ बंद है की जरूरत है वहाँ एक रास्ता लगता है ..

है नहीं बस करने के लिए बस जाओ:

<link rel="stylesheet" href="something.css" type="text/css" media="screen" /> 

अपने HTML दस्तावेज़ में - की परवाह किए बिना, जहां यह अपनी परियोजना संरचना में बैठी है - और यह सिर्फ जहां कि सीएसएस फ़ाइल खोजने के जाने के लिए पता चल जाएगा?

+0

में कोई बुराई को दूर कृपया पढ़ें आपके टूल किट में कौन से टूल्स हैं? क्या आप कुछ अन्य फाइलों के साथ कुछ.css को जोड़ रहे हैं या बस इसका उपयोग कर रहे हैं? –

+0

मैं वर्तमान में सास का उपयोग कर रहा हूं जो गुलप के माध्यम से संकलित हो जाता है। ./views/styles.scss में बैठे "मुख्य" सैस फ़ाइल। – Tiwaz89

+0

पूर्ण पथ का उपयोग क्यों नहीं करें? –

उत्तर

2

एक पैकेज के लिए इस बुलाया npm-css

webpack में आप require('bootstrap.css') तरह सीएसएस की आवश्यकता होती है सकते हैं, यही कारण है कि NPM काफी उपयोगी

अगर आप इसे नहीं है, तो आप एक बना सकते हैं के माध्यम से सीएसएस स्थापित करने भी नहीं है एनपीएम स्क्रिप्ट कार्य जिसे node_modules से सभी सीएसएस फ़ाइलों की आवश्यकता होगी (उन्हें npm-css करता है)

0

असल में आपके एचटीएमएल हेड में सीएसएस फाइलों को संदर्भित करने की आवश्यकता नहीं है। क्योंकि आप अपनी परियोजना को चलाने के लिए npm start चलाते हैं, तो आप पहले ही सीएसएस लाइब्रेरी को एनपीएम के माध्यम से शामिल कर चुके हैं, नोड.जेएस सभी नोड_मॉड्यूल लोड करेगा जिसमें आपको आवश्यक सीएसएस पुस्तकालय भी शामिल होंगे।

+1

मान लीजिए कि उसका सर्वर नोडजेज़ पर आधारित है। –

+0

जो यह नहीं है। यह PHP है। – Tiwaz89

0

आप जिस मॉड्यूल लोडर का उपयोग कर रहे हैं उसके आधार पर। उदाहरण के लिए Webpack तो इस लिंक https://github.com/JedWatson/react-select/issues/176

अपने सर्वर में नहीं तो आप स्थिर फ़ाइल निर्देशिका के रूप में node_modules की आवश्यकता है और फिर आप सुरक्षित रूप से

<link rel="stylesheet" href="./node_modules/something/styles/something.css" type="text/css" media="screen" /> 

कर सकते हैं और यह कि

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