একটি CSS `url () in এ একটি` ~ `টিল্ড কী করে?


91

যেমন @import url("~./foobar");

এটি এখানে দেখেছি , নিশ্চিত না যে এটি কোনও প্যাকেজ নির্দিষ্ট জিনিস কিনা বা এটি আসল সিএসএস সিনট্যাক্স কিনা।


4
@ জ্যাকমিলার না, এটি কোনও সিলেকশন অপারেটর নয়, এটি একটি ফাইল ডিরেক্টরির অংশ।
ব্যবহারকারী4642212

উত্তর:


132

সিএসএস@import পথ <url>সাধারণত সাম্প্রতিক কাজ করা আপেক্ষিক হয়।

সুতরাং ~পথের শুরুতে উপসর্গ ব্যবহার করে ওয়েবপ্যাক লোডারকে নোড মডিউল পাথ থেকে "মডিউলের মতো" আমদানি সমাধান করতে বলে।

এর অর্থ হ'ল যদি আপনার কাছে normalizeইনস্টলড নোড মডিউল থাকে এবং নামটির মধ্যে থেকে কোনও ফাইল আমদানি করা দরকার হয় তবে /normalize.cssআপনি এটি দিয়ে করতে পারেন:

@import "~normalize/normalize.css";

আপনার লিঙ্কযুক্ত উদাহরণে, ভিতরে font-loader/example/test.jsমডিউল নামে একটি আমদানি হয় font-boon

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

font-loader/example/test.cssফন্ট-বুনের মডিউলটির ভিতরে @ আমদানি করা হয় যাতে এটি উপলব্ধ থাকে text.css

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


7
তাই .. মূলত, হয় ~থাকতে node_moduleপথেই হাঁটছে?
অ্যাড্রিয়ানরিয়াদি

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.