Ali*_*eza 10 javascript reactjs webpack code-splitting
因为我们可以导入如下样式表:
<link rel="stylesheet" media="screen and (min-width: 900px)" href="widescreen.css">
<link rel="stylesheet" media="screen and (max-width: 600px)" href="smallscreen.css">
这将通过仅加载符合media属性条件的css文件来帮助更快地加载网站.MDN
我没有运气搜索可以拆分查询的webpack配置,或者至少让我手动指定哪个css条目应该在哪个媒体上加载.
我唯一的解决方案是编写nodejs脚本并index.html在构建时注入,但在我看来这不是干净的方法.
那么有什么webpack配置这种东西？
这更像是评论，但我相信有一个插件：
https://github.com/SassNinja/media-query-plugin
你有没有想过从你的 CSS 中提取你的媒体查询，这样移动用户就不必加载桌面特定的 CSS？如果是这样，这个插件就是你所需要的！
| 归档时间： |
|
| 查看次数： |
1140 次 |
| 最近记录： |