Rails webpacker.yml, extract_css 选项

Rails webpacker.yml, extract_css option

根据 rails/webpacker 文档,extract_css 在生产环境中默认为 true,在开发环境中默认为 false。据我观察:

因此,我假设使用 extract_css true 会产生与在 header 中使用内联样式相同的结果,因为样式会随网站文档文件一起下载到浏览器。如果我的理解是正确的,那么在生产环境中将 extract_css 设置为 true 应该没问题。

我对 extract_css 选项的理解是否正确?

除了 "extract_css" 在 webpacker.yml 中我没有什么要补充的,这也是我的困惑之源。当它在开发和生产中是 "extract_css: false" 时,样式表包含在文档头中(这不应该是 "extract_css: true" 吗?)。当我使用 "extract_css: true" 时,文档中不包含样式。

你大部分是正确的,你可以在 css.md or v4-upgrade.md

中阅读更多关于 extract_css 的内容

使用 extract_css: true,webpacker 将从每个 single css <link rel="stylesheet"... =32=].

使用 extract_css: false、stylesheet_pack_tag return nil 和在 js 文件中导入的样式表将被提取并捆绑到 blob 中,然后 作为内联 .

最后 extract_css: false 与使用内联样式产生的结果相同。