angular - 在 Angular 中将 CSS 作为字符串导入

Question

我的 Angular (v5.2) 项目中有一个 css 文件。它包含在我的全局样式中，并且在应用程序中运行良好，正如我所希望的那样。但是，我还需要将此文件作为字符串读取并用它做一些其他事情。基本上，为了避免重复代码，我希望能够做到:

import styles from 'styles.css'; // styles should be a string

// later
console.log(styles); // do something with the string

我有办法做到这一点吗？

编辑:我正在寻找一种不使用任何请求(即我不想将 css 移出 src)的方法。

Answer 1

假设您在 assets 文件夹中有 css，您可以将文件读取为

cssUrl = 'assets/styles.css';
readCssData () {
  this.http.get(this.cssUrl)
    .subscribe(
      data => {
        console.log(data.text())
      },
      err => {
        console.log(err)
      });
 }