Що робить `~` тильда в CSS `url ()`?

Напр @import url("~./foobar");

Побачив тут , не впевнений, що це щось конкретне для пакету, чи це фактичний синтаксис CSS.

CSS@import шлях <url>, як правило , щодо поточного робочого каталогу.

Отже, використання префікса ~на початку шляху повідомляє завантажувачу Webpack вирішити імпорт "як модуль", починаючи з 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модуля font-boon є @imported, щоб він був доступний у text.css.

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