Dấu ngã `~` trong CSS ʻurl () `làm gì?

Ví dụ @import url("~./foobar");

Đã thấy nó ở đây , không chắc đó là một thứ cụ thể của gói nào đó hay đó là cú pháp CSS thực tế.

Đường dẫn CSS@import<url> thường liên quan đến thư mục làm việc hiện tại.

Vì vậy, việc sử dụng tiền tố ~ở đầu đường dẫn cho trình tải Webpack giải quyết việc nhập "giống như mô-đun" từ đường dẫn mô-đun nút.

Điều đó có nghĩa là nếu bạn đã normalizecài đặt mô-đun nút được gọi là và bạn cần nhập một tệp từ bên trong nó có tên /normalize.css, bạn có thể thực hiện điều đó với:

@import "~normalize/normalize.css";

Trong ví dụ được liên kết của bạn, bên trong font-loader/example/test.jscó nhập một mô-đun được gọi font-boon.

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

Bên trong của font-loader/example/test.cssmô-đun font-boon là @imported để nó có sẵn trong text.css.

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