通过下载使用 CSS 框架与通过 SCSS/LESS 安装有什么区别？答案

【问题标题】：What is the difference between using a CSS framework by downloading it versus installing via SCSS/LESS?通过下载使用 CSS 框架与通过 SCSS/LESS 安装有什么区别？
【发布时间】：2023-03-19 13:08:01
【问题描述】：

简单地下载基础之类的东西并在您的站点中引用并通过SCSS安装它有什么区别？

我一直在通过下载并使用类/模块来使用引导程序。

我最近学习了 SASS，并用它来更快、更有条理地编写 css。

我不太明白简单引用框架和通过 SCSS 使用它之间的联系（我什至不确定这意味着什么）

【问题讨论】：

标签： css sass zurb-foundation

【解决方案1】：

理想情况下，您希望将这两种方法结合起来。使用框架是一个好主意，因为当框架发布更新时，很容易让您的解决方案保持更新，然后解决问题。它还使您不必重新发明轮子。已经为你创造了这么多。

使用 SASS 或 .LESS 允许您使用许多技术来使您的代码更有条理，但最重要的是，由于嵌套的能力，您将创建更少的类。例如，在一个普通的 css 中，你会创建几个类来让每个元素以某种方式表现，如果你做得好，你会做一些映射。在 .less 中，您只需将代码从 div 嵌套到 span，编译器就会为您构建它。

创建混入和导入的能力也使您的工作平台更小。使用导入，您的根目录中可以有 6 个 css，但您只能声明几个样式表，因为它们都是导入的。从而使您的页面加载时间更快。

例如，我是宾夕法尼亚州福利部的高级开发人员，我运营着一个全州范围的网站，其头部只有两个 CSS 声明。 1.我用.less创建的bootstrap.css和custom.css，根据需要修改bootstrap。

希望能把事情弄清楚。

SASS

【讨论】：

我了解 SASS 的工作原理，它非常棒！我遇到的问题是在使用 SASS 和使用 SASS 版本的基础/引导程序之间建立联系。你能举个例子说明什么时候使用 SASS 版本的 Foundation/bootstrap 比简单地将它们作为 css 更好吗？

【解决方案2】：

您不必安装任何东西。将框架下载为scss 或less 的唯一优点是它可以让您访问原始的非编译源代码。因此，如果您想进行任何修改，它们应该在那里。另外，如果您想了解幕后情况，您可能会比css 更了解源文件中发生的事情。

但是，您的生产站点应该有常规的.css 文件。虽然可以通过一些 Javascript 魔术或服务器端编译来使用 .scss，但我建议仅将其用于开发目的而不是用于生产。

【讨论】：

为什么下载foundation scss这么复杂？为什么他们不能只有一个下载链接？它说我需要 ruby/nodejs/和 git =\ foundation.zurb.com/docs/sass.html
如果你真的想得到 scss 你可以从 Github 下载它：github.com/zurb/foundation/tree/master/scss 但是他们建议你这样做，以便你的应用程序正确管理依赖项（你应该了解那个）。
您不应该对框架进行更改，对吧？因为如果您更新，那么更新将擦除您所做的更改。你能举个例子说明拥有基础/引导程序的 scss 比简单地拥有 css 更好吗？
是的，您可能不应该对框架进行更改。在几种情况下，您需要源。首先，要研究和了解发生了什么。其次，您有时可能想要更改某些内容，例如变量（以个性化颜色和口音）。在这种情况下，例如看一下这个问题：stackoverflow.com/questions/10451317/…。最后，如果你正在开发它，你当然需要源代码。