开发工作流程 - Bootstrap(更少),Bower 和 Grunt

Development Workflow - Bootstrap (Less), Bower and Grunt

考虑到我的文件夹结构和工作流程,我正在努力提高我的水平。我最近发现前端包管理和任务自动化是提高速度、减少开发时间、减小文件大小和增加利润的关键。

我的问题是我不太确定使用这些工具的最佳方法是什么。我有一个 builds 文件夹,其中包括一个 dev 和 prod 文件夹。我的组件在 bower_components 文件夹中的这个文件夹之外。

我通常自定义 bootstrap 并利用它的变量文件和混入。我复制了 bootstrap.less 文件和 variables.less 文件,并将它们放在 builds->dev->less 中。然后,我使用这个新目录中的 bootstrap.less 文件对 less 进行了 grunt 编译。

这是使用 bootstrap 的最佳方式吗?在此设置中文件较少吗?由于它的强大功能,我想使用 Bower,但我也想保留自定义功能 bootstrap 并且文件更少。

大家怎么看?

注意:我通常为宣传册网站和非常小的应用程序编写主题。

正如 Bass Jobsen 在上面发布的那样:

您不必复制 bootstrap.less 和 variables.less。 Less 使用延迟加载和变量的最后声明获胜,因此可以在之后放置它们的定义以(重新)分配它们。从你的 bower 文件夹创建一个 project.less 文件,@imports bootstrap.less 并将你的自定义变量赋值、mixins 和代码放在 @import

之后