css - 使用 Vue Style 减少 CSS 加载时间？

Question

我什至不确定它是否减少了加载时间，但是如果您使用多个 Vue 组件，您是将 (S)CSS 写在 Vue 组件中，还是仍然写在模块中，例如网页包？

我想象在 Vue 中使用 CSS，浏览器不需要仅在需要特定组件时才加载所有内容。另一方面，main.js 变得越来越大。

那你会怎么做呢？我很好奇

Answer 1

我想，在组件中编写 css 会减少一个文件供服务器使用，这样您可能会节省极少量的加载时间，但即使您有拨号连接，我无法想象它会引人注目。

除非 css 非常简单，否则我真的不会这样做。将 css 放在单独的文件中只会给您带来很多好处——基本上是解耦的所有好处:可重用性、结构清晰度、可维护性等。

很难想象一个应用程序会从用户几毫秒的加载时间中获益。老实说，您甚至可能无法理解 - 您必须运行一些速度测试。但我不会 - 我只会使用一个单独的 css 文件，除非您通过智能 toastr 或其他东西为您的网站提供服务。