Привет всем!
Нужна помощь с подключением стилей. Собираю проект на vue cli (vue create...)
Что только не перепробовал, не работает. Текущие файлы выглядят так:
vue.config.js
const path = require("path");
module.exports = {
pluginOptions: {
"style-resources-loader": {
preProcessor: "sass",
patterns: [path.resolve(__dirname, "./src/assets/sass/utils/*.scss")] //- здесь ресет, переменные и миксины
}
}
};
содержимое компонентов:
Ошибка:
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
SassError: Undefined variable: "$white".
on line 26 of D:\Development\Vue-cli\next-po\src\components\Footer.vue
>> color: $white;
То есть, вью конфиг не подцепил стили.
Этот вариант тоже не сработал
module.exports = {
css: {
loaderOptions: {
scss: {
prependData: `@import "~@/assets/sass/base.scss";`
}
}
}
};
Так же, есть файл с базовыми стилями в другой папке
./src/assets/sass/base.scss, который собирает импорты миксинов и переменных. Хотелось бы его тоже подключить, но ни как.
При попытке импорта напрямую в компонент, через
консоль ругается на первый импорт. Да и в каждом компоненте подключать переменные это бред...
Подскажите, как правильно подключить стили глобально?
