I
Но компоненты все равно не знают о всяких миксинах и переменных, о чем сообщает мне накст
Size: a a a
2021 April 27
V
Это гуглится по первой ссылке, не вспомню сейчас
I
пробую то что выше скинули
I
Так это по сути тоже самое, что вручную @import делать в компонент нужного файла
AD
Я не знаю, что тебе сказать. Скинул то, что решит твою проблему за 1 минуту. Если не нравится, то не используй :)
I
Спасибо, в любом случае :)
AD
Пожалуйста, но ты явно не разобрался в этом плагине.
I
Может мне стоит просто подробнее описать проблему.
Основная проблема не само написание импортов в компонентах, а в том, что каждый раз импортируя стили, их становится все больше, а значит бандл общий растет. Повторяющиеся стили при загрузке плодятся очень сильно.
И хотелось бы решить именно эту проблему
Основная проблема не само написание импортов в компонентах, а в том, что каждый раз импортируя стили, их становится все больше, а значит бандл общий растет. Повторяющиеся стили при загрузке плодятся очень сильно.
И хотелось бы решить именно эту проблему
AD
nuxt.config:
AD
buildModules: ["@nuxtjs/style-resources"],
AD
css: ["@/assets/css/main.scss"],
styleResources: { scss: ["@/assets/css/var.scss"] },
styleResources: { scss: ["@/assets/css/var.scss"] },
AD
/assets/css/var.scss:
AD
$color: #f8c901;
AD
randomComponent.vue:
AD
.class {background-color: $color}
AD
I
Получается что этот модуль берет эти стили (миксины, переменные разные) и пихает их в каждый компонент? (делает импорт грубо говоря). Или я не так понял?
I
Или он просто дает узнать компонентам об этих переменных и миксинах, но не плодит сами стили
AD
Почитай инструкцию к этому модулю.
I
Прочел, но там ответа на этот вопрос нет, плодит ли он стили этот модуль. Ну или он между строк где-то