lit-element 中的 Web 组件 + SASS

Web components in lit-element + SASS

我正在使用 [lit-element] 1 (Rather than [open-wc] 2) 为应用程序开发一些网络组件（我是新手），我想为我的网络组件创建一个“全局默认样式”。

有人可以具体地向我解释如何从头开始在 Web 组件中使用 SASS 吗？我已经阅读了很多文档，post 和其他文档，但没有人以简洁的方式解释如何去做（而且我尝试过的所有方法都不起作用）。

提前致谢。

SASS（硬盘上的文件）与自定义 Elements/Web 组件（浏览器中的 运行）几乎没有关系。

SASS needs/is 一个 pre 处理器，将（紧凑的）SASS 语法转换为 CSS;
因为浏览器只理解 CSS 而 不 理解 SASS。

然后由您决定如何将 CSS 交付给客户

现在你：

  • 在组件 HTML 中插入文本字符串 <style>[your CSS]</style>。
  • 在模板中包含样式，您 cloneNode(true) 到您的组件中：
      <template id="component">
          <style>[your CSS]</style>
      </template>

更多：