Rails webpacker.yml, extract_css 选项
Rails webpacker.yml, extract_css option
根据 rails/webpacker 文档,extract_css 在生产环境中默认为 true,在开发环境中默认为 false。据我观察:
如果 extract_css 为真,webpacker 将从 application.html.erb 中的每个 stylesheet_pack_tag 发出一个 css 文件。
并且,extract_css false,stylesheet_pack_tag return nil 和在 js 文件中导入的样式表将被提取并打包成 blob 并发送到浏览器.因此,存在 link 到 blob url 的标签。
因此,我假设使用 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
与使用内联样式产生的结果相同。
根据 rails/webpacker 文档,extract_css 在生产环境中默认为 true,在开发环境中默认为 false。据我观察:
如果 extract_css 为真,webpacker 将从 application.html.erb 中的每个 stylesheet_pack_tag 发出一个 css 文件。
并且,extract_css false,stylesheet_pack_tag return nil 和在 js 文件中导入的样式表将被提取并打包成 blob 并发送到浏览器.因此,存在 link 到 blob url 的标签。
因此,我假设使用 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
与使用内联样式产生的结果相同。