为什么要通过JS加载样式表？

Question

Webpack的主页声称将所有样式表和依赖项编译成单个CSS文件但这具有误导性。您不仅需要一个单独的CSS加载器，而是输出为JS文件，然后加载嵌入的CSS字符串。

为什么选择漫长的路线？这样做必须有充分的理由，对吗？

（我知道提取文本插件，但这不是默认行为。）

由于JavaScript是同步执行的，因此不会因为尽快显示内容而受到惩罚吗？此外，在最终加载和应用样式之前，我能够在短时间内看到无样式的页面。

当简单的CSS文件正常时，为什么我希望通过JS加载我的样式？

Answer 1

因此，在GULP这样的系统中，GULP是一个Javascript任务运行器，它可以将CSS和Javascript依赖项编译成单个文件或多个文件，具体取决于您如何设置构建过程。

编译CSS的原因

• 能够使用LESS或SASS等预处理器
• 自动缩小这些资产以进行分发。
• 将多个CSS文件合并为一个文件以减少页面上的总请求的能力。
• 能够将修订版＃添加到文件末尾以打败缓存系统。

编译JS的原因

• 将多个脚本合并为一个脚本的能力 减少请求和文件大小。
• 自动缩小。
• 能够将修订版＃添加到文件末尾以打败缓存系统。

Webpack听起来像是一种非常倒退的方式来做这些事情。