CSS @import "~ materlize-css" |Использование Webpack |Стиль не делается - PullRequest
Новая
       26

CSS @import "~ materlize-css" |Использование Webpack |Стиль не делается

0 голосов
/ 16 июня 2019

Я использую Sage, фреймворк WordPress, и он позволяет вам выбирать при создании некоторые фреймворки CSS, но вместо этого я хочу использовать Materialise CSS.

Он использует Webpack для создания и объединения файлов .scss в один.Я сделал npm install materialize-css, так что это в моем node_modules.В моей структуре проекта я создал файл scss, который в основном используется для импорта модуля.

У меня также есть булма в этой сборке, включенная через оригинальное создание, поэтому я могу попытаться увидеть, как настроена структура.Используется следующий оператор импорта: 

@import "~bulma";

Это работает.Я так озадачен тем, как это работает.Я думаю, что ~ (тильда) что-то говорит Вебпаку, но я не знаю что.Я понял, что Webpacks проверяет файл package.json или что-то еще и находит его в node_modules.

Я пытался @import "~materialize-css"; без удачи.

Может кто-нибудь объяснить, что, черт возьми, делает Вебпак?Хаха, потому что я не могу найти документацию по этому вопросу.

Вот структуры папок node_module, может быть, это как-то связано с этим:

node module folder structures

Возможно, корнем Булмы является bulma.sass пока что для Materialize-CSS, файла нет, он в sass/materialize.scss.

При необходимости, вот github для платформы Sage, webpack.config.js находится в папке build : https://github.com/roots/sage/tree/master/resources/assets

1 Ответ

0 голосов
/ 16 июня 2019

Вам необходимо указать файл, который вы хотите импортировать, также как это 

@import "~bootstrap/scss/bootstrap";
@import "~font-awesome/scss/font-awesome";
@import "~toastr/toastr";
...