Как использовать внешние файлы s css в NativeScript- Vue - PullRequest
Новая
       4

Как использовать внешние файлы s css в NativeScript- Vue

0 голосов
/ 18 января 2020

У меня есть 2 внешних файла, которые я хочу использовать в моих Nativescript-Vue файлах.

Они расположены в следующих каталогах /app/styles/_variables.sccs и /app/styles/generalStyles.scss.

Я импортирую _variables.sccs в generalStyles.sccs.

Но когда я хочу импортировать generalStyles.sccs в мой Vue файл, он выдаёт мне следующую ошибку:

SassError: Файл для импорта не найден или не читается: styles / generalStyles. в строке 277 приложения / компоненты / Выбрать / StationSelect. vue

@ import "styles / generalStyles";

StationSelect. vue выглядит как это 

<style lang="scss" scoped>

    @import "styles/generalStyles";

    .routeDetailsChoice,
    .timeDetails{
        Label,
        TextField{

            .ns-dark &{
                color: $white;
            }
        }
    }
</style>

У меня также есть следующие пакеты: 

"nativescript-vue": "2.4.0",
"node-sass": "^4.13.0",
"sass-loader": "^8.0.1",
"style-loader": "^1.1.3",

1 Ответ

0 голосов
/ 20 января 2020

Webpack поставляется с некоторыми псевдонимами, указывающими на папку root вашего проекта. Попробуйте @import "app/styles/generalStyles"; или @import "~/styles/generalStyles"; или импортируйте из относительного пути.

...