代码之家  ›  专栏  ›  技术社区  ›  Axel

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

  •  0
  • Axel  · 技术社区  · 7 年前

    在里面 app.scss 文件,我导入css如下:

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

    甚至通过移除 ../node_modules/ ,css仍然不起作用。这些样式根本不适用。请帮忙。

    0 回复  |  直到 7 年前
        1
  •  0
  •   Tiago A.    7 年前

    Bulma不能与NativeScript Vue一起使用。

    NativeScript有自己的组件和CSS属性。NativeScript不是HTML,也不是普通的CSS(即使有时它们非常相似)。有些事 能够 工作,但我不会走这条路。如果没有别的,因为它会加载一堆未使用的CSS。

    即便如此,正确的方法 @import CSS/SCSS来自 node_modules ,假设您有默认的网页包配置,则为:

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