个人中心
文章发布
退出
作者热门文章
- objective-c - iOS 5 : Can you override UIAppearance customisations in specific classes?
- iphone - 如何将 CGFontRef 转换为 UIFont？
- ios - 以编程方式关闭标记的信息窗口 google maps iOS
- ios - Xcode 5 - 尝试验证存档时出现 "No application records were found"
25
4
这基本上是 the code I am using灯塔说我的(几乎是空的!)css 包延迟了我的初始加载。
那么我如何在
中放置指向 critical.scss 的链接 <head><style>DONT_WANT_TO_WRITE_STUFF_INLINED</style>...</head>
有没有比https://www.npmjs.com/package/critical更好的解决方案？还是内联编写所有内容？
以及如何延迟主要 styles.scss 的加载，直到预呈现的通用内容加载到浏览器中？ angular-cli.json 中服务器应用程序的配置不包含 styles或 assets , 所以我不明白为什么最初加载 styles.scss
最佳答案
关于延迟主要 styles.scss 的加载，我依靠两件事:
--extract-css=false 标志构建应用程序。这确保样式包将是一个 JavaScript 文件。 defer.styles.js 的小脚本，该脚本在构建过程结束时运行。该脚本只是查找加载样式的脚本标记，并向其添加 defer。 const path = require('path');
const htmlPath = path.join(__dirname, 'dist', 'browser', 'index.html');
fs.readFile(htmlPath, 'utf8', (err, data) => {
if (err) {
console.log(err);
return;
}
const index = data.search(`src="styles.`);
if (index > -1) {
const output = [data.slice(0, index), 'defer ', data.slice(index)].join('');
console.log(output);
fs.writeFile(htmlPath, output, 'utf8', () => {
console.log('Styles succesfully deferred');
})
}
});
关于您的其他问题 - 如何加载关键的 css -。我仍然没有找到一种舒适的方法。
关于css - Angular 通用 : serving critical CSS and delaying non-critical，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48613793/
25
4
0
我正在使用 gmock 并模拟了一个函数 boost::beast::http::response_parser作为输出参数。功能签名看起来像: error_code readFromSocket(b
我的任务是打印由“非元音、元音、非元音”组成的单词列表，即 bab、bac、bad、bad ... 到 zuz。 我已经设法创建了一个代码，它执行前两个字母，但在最后一个循环中丢失并只打印'}' -
我正在尝试使用 label2rgb 生成 RGB 标签切片并使用它来更新 RGB 体积，如下所示: labelRGB_slice=label2rgb(handles.label(:,:,han
我有一个很奇怪的问题。我在 dll 中定义了一个接口(interface)，如下所示: public interface IKreator2 { string Name { get; set;
在我的 openshift Drupal 托管中，网络都在 SSL 下 http://domain.com -> https://www.domain.com 确定 http://www.domain
我收到警告“退出构造函数时不可为空的事件‘SomeEvent’必须包含非空值。考虑将事件声明为可空。” 这是我的代码的一个非常简化的版本，它复制了完全相同的问题。我在这里错过了什么？这与 .Net 6
在一次大学考试中，我被要求测试一些 apache 簿记员类/方法，在这样做的过程中，我想在我的参数化测试中使用 mockito。没有 mockito 的测试工作正常但是当我尝试模拟接口(interfa
假设 A 列在 7 行中有以下值: 2 [空白的] 0 -0.3 0 [空白的] 0 如何获取范围(7 行)中非空/空白且不为零的最后一个值？因此，在这种情况下，正确答案是 -0.3。 最佳答案 =I
考虑以下受 this talk 启发的代码: template struct even_common_type_helper_impl; template struct even_common_typ
考虑这段代码， struct A {}; struct B { B(const A&) {} }; void f(B) { cout << "f()"<
考虑下面的类(class)。如果我对它运行 Findbugs，它会在第 5 行但不在第 7 行给我一个错误(“可序列化类中的非 transient 非可序列化实例字段”)。 1 public clas
我正在编写一个 python 脚本来计算 数据包丢失 通过使用 ping IP 地址linux 中的 subprocess 模块。 CSV 文件中保存了多个 IP 地址。当只给出可 ping 目的地时
我只是做文本更改，在文本之前它工作正常。请任何人都可以帮助我。 提前致谢 最佳答案 我已经解决了: ionic cordova 插件rmcordova-plugin-ionic-webview ion
我如何定义 在 persistence.xml 中？ 我的项目在 Tomcat 6 和 Tomcat 7 中运行良好。 现在我正在使用 Struts 2 Spring 3.0.5 JPA 2 Jbos
我有一个 maven 仓库中不存在的第三方 jar，我们称它为“a.jar”，它也依赖于至少 20 多个第三方 jar，其中大部分不在 maven 中或者，我们称它们为“b.jar、c.jar、d.j
我已经浏览了各种线程很多小时(不夸张)，但一直无法找到一种解决方案组合，使我能够将非 www 和 http 转发到 www 和 https，同时仍然能够查看 php 文件没有扩展名。如下是我的ngin
Scott Meyer 关于非成员函数增加封装并允许更优雅的设计(设计方面)的论点对我来说似乎非常有效。看这里:Article 但是我对此有疑问。 (似乎还有其他人，尤其是库开发人员，他们通常完全忽略
在对类设计的一些事实感到困惑时，特别是函数是否应该是成员，我查看了 Effective c++ 并找到了第 23 条，即 Prefer non-member non-friend functions
我正在尝试使用 firebase 云功能将通知发送到一个点半径的圆内的设备。我能够获取圈内设备的 ID，但无法获取 token ，使用 console.log(token) 打印时 token 为空。
我在我的项目中使用 React-ckeditor 5 包。我得到一个反序列化的 html 数据，我正在使用 React-html-parser 包将它解析成 html 模板，并将这个解析的数据传递给
我是一名优秀的程序员,十分优秀！