Как мне импортировать scss-файл в Nativescript Vue?

#javascript #nativescript #bulma #nativescript-vue

Вопрос:

В app.scss файл я импортирую css следующим образом:

 @import "../node_modules/bulma/sass/utilities/_all.sass";
@import "../node_modules/bulma/sass/elements/button.sass";

Пытался даже путем удаления ../node_modules/ , css все еще не работает. Стили вообще не будут применяться. Пожалуйста, помогите.

1. Ваш браузер не понимает SASS / SCSS. Он должен быть скомпилирован в CSS, а затем импортирован.

2. Похоже, вы пытаетесь импортировать исходный код bulma? Вы что-нибудь изменили? Если нет, вы можете просто включить файл bulma .css.

3. Попробуйте ~ прямо перед именем пакета. Что-то вроде @import "~bulma/sass/utilities/_all.sass"; Я надеюсь, что ваша конфигурация webpack обновлена для поддержки sass.

4. Это не работает, даже если я использую bulma.css! Стили вообще не будут применяться.

Ответ №1:

Bulma не будет работать с NativeScript-Vue.

NativeScript имеет свои собственные компоненты и свойства CSS. NativeScript — это не HTML и не обычный CSS (даже если иногда они очень похожи). Некоторые вещи могли бы сработать, но я бы не пошел по этому пути. Если ничего другого, потому что это загрузит кучу неиспользуемых CSS.

Несмотря на это, правильный способ получить @import CSS / SCSS из node_modules , предполагая, что у вас есть конфигурация webpack по умолчанию, был бы:

 @import "~bulma/sass/utilities/all";
@import "~bulma/sass/elements/button";