Nativescript-vue:如何将app.scss移至子文件夹?

时间:2019-04-02 10:29:32

标签: nativescript-vue

在一个新的初始化项目(使用tns create --vue)中,app.scss文件位于根(/app)文件夹下。

我想进入/ app / styles,但是我找不到要告诉nativescript使用此位置而不是默认位置的更改。

如何将/app/app.scss的默认位置更改为/app/styles/app.scss

在此页面(https://docs.nativescript.org/angular/ui/styling#application-wide-css)我找到了这些技巧,但与角度有关!

  

应用范围的CSS   应用程序启动时,NativeScript检查文件app.css是否存在。如果包含,则包含的所有CSS样式都将在所有应用程序页面上加载和使用。该文件是存储将在多个页面上使用的样式的方便位置。

     

您可以更改从中加载应用程序范围CSS的文件的名称。您需要在启动应用程序之前进行更改,通常在app.js或app.ts文件中,如下所示:

     

platformNativeScriptDynamic({ bootInExistingPage:false, cssFile:"style.css" });

     

CSS文件的路径是相对于应用程序根文件夹的。

但是我不知道这行代码在哪里。我找不到它。

1 个答案:

答案 0 :(得分:1)

我修复了仅在app.js文件顶部添加以下行的情况

import './styles/app.scss';