CSS 'url () `में` ~ `टिल्ड क्या करता है?


93

उदाहरण के लिए @import url("~./foobar");

यह यहाँ देखा , यकीन नहीं अगर यह कुछ पैकेज विशिष्ट बात है या अगर यह वास्तविक सीएसएस वाक्यविन्यास है।


3
@JackMiller नहीं, यह चयन ऑपरेटर नहीं है, यह एक फ़ाइल निर्देशिका का हिस्सा है।
user4642212

जवाबों:


134

सीएसएस@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");


7
तो .. मूल रूप से, पथ ~शामिल node_moduleहै?
एड्रियानरीयाडी

हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.