如何从静态隐私/法律/条件资产文档中访问全局 styles.scss？

Posted 2023-03-13

【中文标题】如何从静态隐私/法律/条件资产文档中访问全局 styles.scss？

【英文标题】：How to access the global styles.scss from static privacy / legal / conditions assets document?

【发布时间】：2020-01-20 18:32:21

【问题描述】：

我有一个静态文档，例如privacy.html 位于：

$PROJECT_ROOT/src/assets/html/privacy.html

我的全局（所有组件通用）样式也位于：

$PROJECT_ROOT/src/styles.scss

我从这样的组件访问静态 html 文件：

<input type="checkbox">
  <span>
    I agree to the <a target="_blank" href="/assets/html/privacy.html">Privacy Policy</a>.
  </span>
...

现在privacy.html 在导入时无法获取样式，如下所示：

<link rel="stylesheet" href="styles.scss">

您将如何介绍此用例？请注意，让privacy.html 成为一个组件完全是矫枉过正。

【问题讨论】：

你在把你的 scss 编译成 css 吗？

我不知道 :P 我在哪里看到的？当我做ng serve 时，我在任何地方都找不到styles.css 文件。作为记录，我也尝试了styles.css，但仍然无法正常工作。

您的问题解决了吗？

@FlavioCaruso 谢谢你的提问，还没有。 Angular 7 框架正在隐式执行此转换，但资产中的文件 privacy.html 看不到结果 styles.css 所以这是我的问题和 OP 以及为什么您起草的解决方案对我没有帮助。一种可能性是在 privacy.html 中复制相关的 css 样式并使其独立，但这是一种不优雅的解决方法，我想说不是长期可行的解决方案。

【参考方案1】：

您必须将您的 scss 编译为 css，然后链接您的 css。

像这样使用手表

sass --watch styles.scss styles.css

然后你链接css

<link rel="stylesheet" href="styles.css">