应该如何将 Bulma 文件夹集成和构建到现有的 Web 项目文件夹中?

How should integrate and structure Bulma folder into existing web project folder?

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

我将 Bulma https://github.com/jgthms/bulma 克隆到我的项目文件夹中,我看到 Bulma 有自己的 css 和 sass 文件夹。

我应该:

-将我所有的 css、php、html、js 放入 Bulma 文件夹,并使其成为我的新项目文件夹?

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

我无法在网上找到任何关于 Bulma files/folders 如何集成到现有项目中的直接信息。

这是我当前的项目文件夹:

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

感谢您的宝贵时间, 最好 -乔

在你提到的两个选项中,第二个是合适的。

Best Practice to Organize Javascript Library & CSS Folder Structure

人们构建项目文件夹的方式有很多种。 Google 类似 "website folder structure" 的内容,并阅读上述链接等资源以获得总体思路。两个常见的是按类型和 module/library 对文件进行分组。第二种方式是我推荐的方式,也是您的第二选择方式。

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

如果您要自定义 Bulma,您将需要创建自己的 sass 文件,该文件应位于 bulma 文件夹之外,然后按照 customize Bulma documentation. It would be very similar to an answer I wrote for a Bootstrap question.