在完成入门教程时，有一个点“需要” Bootstrap 库 (CSS):
<require from="bootstrap/css/bootstrap.css"></require>
<require from="font-awesome/css/font-awesome.css"></require>
当我查看 Chrome 的检查器时，我没有找到这些 CSS 文件作为源。相反，它似乎全部内嵌在页面中。
这是真的，还是只是调试器的问题？如果是 - 这不会影响浏览器中的缓存(CSS 需要重新下载)吗？
最佳答案
当通过 <require> 导入 CSS 资源时标签，ES6 模块加载器(由 SystemJS 填充)用于下载 CSS。这是一个标准的 XMLHttpRequest，请求将被浏览器的标准缓存机制缓存。下载 CSS(文本)后，Aurelia 将其填充到 <style> 中。元素并附加 <style>元素以适当的方式添加到 DOM，具体取决于 scoped 是否为使用属性以及元素是否在影子 DOM 中。
相关代码为here .
这种方法的好处是 CSS 导入在相对路径、捆绑和缓存方面与其他类型的资源(例如 HTML 和 JS)具有一致的行为。它还使 Aurelia 能够处理 scoped-css 和影子 DOM 场景。
关于javascript - Aurelia 的要求元素包括外部资源内联？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35455593/