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

Question

In app.scss file, I import css as follows:

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

Tried even by removing ../node_modules/ , the css is still not working. The styles won't apply at all. Please help.

Answer 1

Bulma will not work with NativeScript-Vue.

NativeScript has its own components and CSS properties. NativeScript is not HTML and not normal CSS (even if sometimes they are very similar). Some things could work, but I would not follow this route, though. If nothing else, because it will load a bunch of unused CSS.

Even so, the proper way to @import CSS/SCSS from node_modules , assuming you have the default webpack config, would be:

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