node.js - Npm 脚本 - 关键 css

Question

我正在使用 Addy Osmani 的“Critical” https://github.com/addyosmani/critical

下面的 package.json 工作正常，但构建仅复制关键 css，而不是提取。我已经尝试过 --extract 多个位置，无论有没有定义的样式表，似乎我都无法理解它。

{
 "name": "boilerplate",
 "version": "1.0.0",
 "main": "index.js",
 "repository": "",
 "author": "",
 "license": "MIT",
  "scripts": {
  "build:critical": "critical index.html --minify --css dist/css/style.css > dist/css/critical.css",
  },
  "devDependencies": {
  "critical": "^0.8.1",
}
}

Answer 1

如果您输出 HTML 文件，则将提取 CSS。我遇到过同样的问题。此外，在输出索引文件中，CSS 链接将自动带有 rel="preload"。

这是我正在使用的命令:

critical dist/public/index.html --base dist/public --inline --minify > dist/public/index.critical.html

希望对您有所帮助。