सीएसएस 'url() `में` ~ `tilde क्या करता है?

Question

उदा। @import url("~./foobar");

इसे here देखा, यह सुनिश्चित नहीं है कि यह कुछ पैकेज विशिष्ट चीज़ है या यदि यह वास्तविक सीएसएस वाक्यविन्यास है।

Answer 1

सीएसएस @import वर्तमान कार्य निर्देशिका के सापेक्ष है।

तो पथ की शुरुआत में उपसर्ग ~ का उपयोग करके वेबपैक लोडर को "मॉड्यूल की तरह" आयात को हल करने के लिए कहा जाता है।

@import "~normalize/normalize.css"; 

---

अपने में जुड़ा हुआ:

यदि आप एक मॉड्यूल normalize उपलब्ध बुलाया है, और आप आप उस के साथ क्या कर सकते हैं एक फ़ाइल अंतर्गत आता है कि करने के लिए यह normalize.css नामित आयात करने की आवश्यकता, क्या इसका मतलब है कि है उदाहरण के लिए, font-loader/example/test.js के अंदर font-boon नामक मॉड्यूल का आयात है।

var boon = require('./font-boon'); 

font-loader/example/test.css के अंदर font-वरदान मॉड्यूल इतना है कि यह text.css में उपलब्ध है @imported है।

@import url("~./font-boon");