Na przykład @import url("~./foobar");
Widziałem to tutaj , nie jestem pewien, czy jest to coś specyficznego dla pakietu, czy też jest to rzeczywista składnia CSS.
css
webpack
webpack-style-loader
ahstro
źródło
źródło
Odpowiedzi:
CSS
@import
ścieżka<url>
jest zazwyczaj w stosunku do bieżącego katalogu roboczego.Zatem użycie prefiksu
~
na początku ścieżki mówi programowi ładującemu Webpack, aby rozwiązał import „jak moduł” ze ścieżki modułu węzła.Oznacza to, że jeśli masz
normalize
zainstalowany moduł węzła o nazwie i musisz zaimportować z niego plik o nazwie/normalize.css
, możesz to zrobić za pomocą:@import "~normalize/normalize.css";
W twoim połączonym przykładzie wewnątrz
font-loader/example/test.js
znajduje się import modułu o nazwiefont-boon
.var boon = require('./font-boon');
Wewnątrz
font-loader/example/test.css
modułu font-boon jest @imported, aby był dostępny wtext.css
.@import url("~./font-boon");
źródło
~
zawieranode_module
ścieżkę?~
jest najwyraźniej obsługiwany przez webpackcss-loader
, surowy import postcss go nie obsługuje .