1

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

为什么要走长途？这样做一定有充分的理由，对吧？

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

由于 JavaScript 是同步执行的，这不会对尽快显示内容造成惩罚吗？此外，在最终加载和应用样式之前，我可以在短时间内看到一个无样式的页面。

当一个简单的 CSS 文件很好时，为什么我希望通过 JS 加载我的样式？

4

1 回答 1

0

所以在像 GULP 这样的系统中，GULP 是一个 Javascript 任务运行器，它可以根据您设置构建过程的方式将 CSS 和 Javascript 依赖项编译成单个文件或多个文件。

编译 CSS 的原因

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

编译JS的原因

  • 将多个脚本组合成一个脚本以减少请求和文件大小的能力。
  • 自动缩小。
  • 将修订号添加到文件末尾以击败缓存系统的能力。

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

于 2016-06-29T21:18:16.387 回答