我已经用标签导入了application.scss文件。
<%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_pack_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
它很有效
然而,我想将我的 CSS 文件分离并在特定的视图中调用,比如在 home/index 视图中调用。
<%= javascript_pack_tag 'home/index', 'data-turbolinks-track': 'reload' %>
<%= stylesheet_pack_tag 'home/index', media: 'all', 'data-turbolinks-track': 'reload' %>
我已经通过创建一个单独的JS文件(例如home.js),并在其中导入我的home.scss来实现了这一点。
import '../../stylesheets/home/index'
我的问题是,这种方式正确吗?
我是否总是需要创建一个JS文件来导入我的CSS文件?
是否有更好的方法?
splitChunks
API文档的链接已经失效。另外,我有一个问题:你认为即使使用Webpacker v6 的<%= javascript_pack_tag 'calendar', 'map' %>
示例,仍然应该遵循“不要在同一页上加载多个pack”的建议吗? - frostini