Я использую фреймворк Sage для создания сайта WordPress и хотел бы использовать пользовательский фреймворк CSS, который представляет собой Materialise CSS. Sage использует Webpack для создания CSS.
При сборке я получаю следующее сообщение об ошибке:
WAIT Compiling... 1:55:57 PM
ERROR Failed to compile with 1 errors 1:55:57 PM
error in ./resources/assets/styles/main.scss
Module build failed:
.#{$color_name}.#{$color_type} {
^
Invalid CSS after ".white": expected selector, was ".#0a0a0a"
in /mnt/c/Users/Kenny/Local Sites/ngcsaget1/app/public/wp-content/themes/ngc11/node_modules/materialize-css/sass/components/_color-classes.scss (line 14, column 7)
@ ./resources/assets/styles/main.scss 2:14-358 21:1-42:3 22:19-363
@ multi ./resources/assets/build/util/../helpers/hmr-client.js ./scripts/main.js ./styles/main.scss
Вот репозиторий Materialise Github: https://github.com/Dogfalo/materialize
При необходимости, вот github для платформы Sage, webpack.config.js находится в папке сборки: https://github.com/roots/sage/tree/master/resources/assets
Примечание:
Я получаю сообщение об ошибке при попытке импортировать файл .scss
:
@import "~materialize-css/sass/materialize";
Если я импортирую полный файл .css
, я получаю доступ к фреймворку, но все просто: css:
@import "~materialize-css/dist/css/materialize";
Вот код веб-пакета: https://github.com/roots/sage/blob/master/resources/assets/build/webpack.config.js