将外部 CSS 文件添加到 BoilerplateJS 项目答案

【问题标题】：Adding external CSS file to a BoilerplateJS project将外部 CSS 文件添加到 BoilerplateJS 项目
【发布时间】：2023-03-18 22:52:02
【问题描述】：

我正在尝试将一些 UI 组件合并到我目前正在处理的 BoilerplateJS 项目中，具体来说，我想实现这个 [http://wijmo.com/wiki/index.php/Getting_Started_with_Wijmo] 示例在 BoilerplateJs 组件内。如何将外部 css 文件添加到我的 BoilerplateJs 项目中。

【问题讨论】：

标签： javascript uicomponents boilerplatejs

【解决方案1】：

有几种方法可以导入样式表。

直接在索引文件中。（在您的情况下，最适合 jQueryUI 和 Wijmo 等库的样式表）
作为主题，在themes module
作为模块的一部分，在modules folder 中（最适合模块特定的样式，例如模块内的位置和模块图像）。

对于特定于模块的样式，您可以通过文件路径(example) 包含文件：

Boiler.ViewTemplate.setStyleLink(cssPath);

或通过 CSS 文本本身：

Boiler.ViewTemplate.setStyleText(cssText);

【讨论】：

在最后两个选项中，不同之处在于如果您将 CSS 添加为文本，它会直接添加到 HTML 正文中。因此，如果您指的是来自该 CSS 的图像，则这些图像需要具有来自 index.html 本身的相对路径。如果添加为css路径，那么单独的标签会添加到header中，这样就可以相对引用和图片来自css文件位置本身。
但是对于您的要求，我同意 Janith 的第一个建议。在 index.html 上静态添加它，因为您可能在不同的模块中使用它。