如何在Nativescript Vue中導入scss文件？

Question

在app.scss文件中，我按如下所示導入css：

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

即使通過刪除../node_modules/了嘗試，css仍然無法正常工作。 樣式根本不適用。 請幫忙。

Answer 1

Bulma不適用於NativeScript-Vue。

NativeScript具有自己的組件和CSS屬性。 NativeScript不是HTML也不是普通的CSS（即使有時它們非常相似）。 有些事情可能會起作用，但是我不會遵循這條路線。 如果沒有其他原因，因為它將加載一堆未使用的CSS。

即便如此，假設您具有默認的webpack配置，從node_modules @import CSS / SCSS的正確方法是：

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