उदाहरण के लिए @import url("~./foobar");
यह यहाँ देखा , यकीन नहीं अगर यह कुछ पैकेज विशिष्ट बात है या अगर यह वास्तविक सीएसएस वाक्यविन्यास है।
जवाबों:
सीएसएस@import
पथ <url>
आमतौर पर वर्तमान कार्यशील निर्देशिका के सापेक्ष है।
इसलिए ~
पथ की शुरुआत में उपसर्ग का उपयोग करके वेबपैक लोडर को "मॉड्यूल की तरह", node_modules
निर्देशिका से शुरू होने वाले आयात को हल करने के लिए कहता है ।
इसका मतलब यह है कि यदि आपके पास एक नोड मॉड्यूल है जिसे normalize
स्थापित किया गया है, और आपको इसके नाम से एक फ़ाइल आयात करने की आवश्यकता है /normalize.css
, तो आप ऐसा कर सकते हैं:
@import "~normalize/normalize.css";
आपके लिंक किए गए उदाहरण में, अंदर font-loader/example/test.js
एक मॉड्यूल का आयात होता है जिसे कहा जाता है font-boon
।
var boon = require('./font-boon');
font-loader/example/test.css
फ़ॉन्ट-वरदान मॉड्यूल के अंदर @imported है ताकि यह उपलब्ध हो text.css
।
@import url("~./font-boon");
~
शामिल node_module
है?
~
जाहिरा तौर पर वेबपैक द्वारा नियंत्रित किया जाता हैcss-loader
, कच्चे डाक-आयात इसका समर्थन नहीं करता है ।