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

Question

我有一个静态文档，例如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 成为一个组件完全是矫枉过正。

Answer 1

您必须将您的 scss 编译为 css 然后 link 您的 css.

像那样使用手表

sass --观看 styles.scss styles.css

那么你link css

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

How to access the global styles.scss from static privacy / legal / conditions assets document?