css - 应该如何将 Bulma 文件夹集成和构建到现有的 Web 元素文件夹中？

Question

这里是 Webdev 初学者。我已经在一个网站上工作了几个星期，现在我想开始使用 Bulma CSS 框架和 sass。

我克隆了 Bulma https://github.com/jgthms/bulma进入我的元素文件夹，我看到 Bulma 有它自己的 css 和 sass 文件夹。

我应该:

-将我所有的 css、php、html、js 放到 Bulma 文件夹中，让它成为我的新元素文件夹？

- 或者我应该通过元素文件夹中的 Bulma 文件夹访问 Bulma 的文件。

我无法在网上找到任何关于 Bulma 文件/文件夹如何集成到现有元素中的直接信息。

这是我当前的元素文件夹:

我真的不知道组织 Web 元素的最佳方式，尤其是现在添加框架。我可以看到事情变得棘手的可能性，我想确保我不会慢慢地构建一个草率的元素堆，这会在未来把我搞砸，或者移动文件夹和弄乱相对寻址等。

谢谢你的时间，最好的-乔

Answer 1

在您提到的两个选择之间，第二个是合适的。

Best Practice to Organize Javascript Library & CSS Folder Structure

Web project's folders/directories structure - Best practices

人们构建元素文件夹的方式有很多种。谷歌类似“网站文件夹结构”的东西，并阅读上述链接等资源以获得一个大概的想法。两个常见的是按类型和按模块/库对文件进行分组。第二种方式是我推荐的方式，也是您的第二选择方式。

如果您只需要默认的 Bulma，您需要做的就是从您选择放置它的任何位置将 bulma.min.css 加载到您的网页中。因此，在整个包中，如果您愿意，该文件实际上是唯一需要保留的文件(可能还有 LICENSE 文件，因为它要求您这样做)。

如果您正在定制 Bulma，您将需要创建您自己的 sass 文件，该文件应该位于 bulma 文件夹之外，然后按照 customize Bulma文档。它与 an answer I wrote for a Bootstrap question 非常相似.