Bootstrap的scss文件在scss文件体系结构中的正确位置

时间:2019-05-10 20:49:41

标签: css twitter-bootstrap sass

我读过某个地方,当我们创建一个名为“ vendors”的文件夹的scss文件结构时,这是一个好习惯。此文件夹应包含我们的第三方scss部分。从那部分开始,我想知道如何为我的scss文件创建适当的结构,因为Bootstrap scss文件位于我的:node_modules文件夹-bootstrap-scss中。我是否应该将整个带有其子文件夹的scss文件夹从node_modules的bootstrap文件夹剪切并粘贴到我的“ vendors”文件夹?

1 个答案:

答案 0 :(得分:0)

您可能想得太多。 “ vendors”文件夹的作用是使您知道其中的文件是第三方文件,因此不是您想要编辑的文件。

在我看到的大多数示例中,都没有提到包管理器。他们只是下载文件并将其粘贴在他们的项目中。

我不建议将内容复制到node_modules目录之外。这几乎打消了使用软件包管理器的观点。如果您曾经更新到较新版本的Bootstrap,则需要再次复制并粘贴。您可能根本不使用npm。

如果您使用包管理器来管理所有第三方SCSS,则只需在main.scss文件中列出相关文件就可以了。这样可以使第三方代码与您的代码分开。如果需要检查项目中正在使用的内容,可以将main.scss用作目录,而不用查看文件系统上的文件夹。

如果您确实确实需要使用vendors文件夹,则可以用仅能填充node_modules中实际文件@import的文件填充该文件夹。但实际上,我不确定这对您有什么帮助。