应该如何将 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 非常相似。