CSS "url ()" içindeki bir "~" tilde ne işe yarar?

Örneğin @import url("~./foobar");

Burada gördüm , pakete özgü bir şey mi yoksa gerçek CSS sözdizimi mi olduğundan emin değilim.

CSS@import yolu <url>genellikle geçerli çalışma dizinine görecelidir.

Bu nedenle ~, yolun başlangıcında öneki kullanmak, Webpack yükleyicisine dizinden başlayarak içe aktarmayı "bir modül gibi" çözmesini söyler node_modules.

Bunun anlamı, normalizekurulu denilen bir düğüm modülünüz varsa ve onun içinden adlandırılmış bir dosyayı içe aktarmanız gerekiyorsa /normalize.css, bunu aşağıdakilerle yapabilirsiniz:

@import "~normalize/normalize.css";

Bağlı örneğinizde, içinde font-loader/example/test.jsadlı bir modülün içe aktarımı var font-boon.

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

İçi font-loader/example/test.cssfont-nimet modülünde o kullanılabilir, böylece @imported edilir text.css.

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