我到底在哪裏包含自定義主題文件？

我爲我的應用程序創建了一個自定義主題，但我不知道如何使用它。從文檔中，我看到它應該包含在src文件夾中的styles.scss文件中，但我沒有在src文件夾中存在該文件。相反，我有styles.css。這是我angular-cli.json文件：我到底在哪裏包含自定義主題文件？

{ 
    "$schema": "./node_modules/@angular/cli/lib/config/schema.json", 
    "project": { 
"name": "test" 
    }, 
    "apps": [ 
{ 
    "root": "src", 
    "outDir": "dist", 
    "assets": [ 
    "assets", 
    "favicon.ico" 
    ], 
    "index": "index.html", 
    "main": "main.ts", 
    "polyfills": "polyfills.ts", 
    "test": "test.ts", 
    "tsconfig": "tsconfig.app.json", 
    "testTsconfig": "tsconfig.spec.json", 
    "prefix": "app", 
    "styles": [ 
    "styles.css" 
    ], 
    "scripts": [], 
    "environmentSource": "environments/environment.ts", 
    "environments": { 
    "dev": "environments/environment.ts", 
    "prod": "environments/environment.prod.ts" 
     } 
    } 
    ], 
    "e2e": { 
"protractor": { 
    "config": "./protractor.conf.js" 
    } 
    }, 
    "lint": [ 
{ 
    "project": "src/tsconfig.app.json", 
    "exclude": "**/node_modules/**" 
}, 
{ 
    "project": "src/tsconfig.spec.json", 
    "exclude": "**/node_modules/**" 
}, 
{ 
    "project": "e2e/tsconfig.e2e.json", 
    "exclude": "**/node_modules/**" 
} 
    ], 
    "test": { 
    "karma": { 
     "config": "./karma.conf.js" 
    } 
    }, 
    "defaults": { 
    "styleExt": "css", 
"component": {} 
    }, 
"styles": [ 
     "styles.css", 
     "src/new-theme.scss" 
     ]

}

來源

2017-08-31 annie

導入它在你的.angular-cli.json文件中styles部分：

"styles": [ 
     "styles.css", 
     "new-theme.scss" 
     ],

從documentation，

如果你是使用Angular CLI，支持compilin g Sass to CSS是內置的 ;您只需在指向主題文件的 angular-cli.json的「樣式」列表中添加一個新條目（例如， unicorn-app-theme.scss）。

來源

2017-08-31 14:57:32 Faisal

您可以通過18秒的隊友打我，刪除我的回答 –

@Faisal它不工作 – annie

的路徑應是相對於'.angular，cli.json'文件，對？ – annie

如果您使用的是角度cli，您可以在您的.angular-cli.josn文件中添加主題css文件，如下所示。

"prefix": "sd", 
    "styles": [ 
    "../node_modules/bootstrap/scss/bootstrap.scss", 
    "../node_modules/font-awesome/scss/font-awesome.scss", 
    ... 
    "styles.scss" 
    ],

它說scss因爲項目lesect使用SCSS，而CSS。你可以改變你的命令行配置如下行

}, 
    "defaults": { 
    "styleExt": "scss", 
    "component": {} 
    }

來源

2017-08-31 14:58:12

我到底在哪裏包含自定義主題文件？

回答

相關問題