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

时间:2015-05-06 08:53:58

标签: twitter-bootstrap gruntjs less workflow bower

就我的文件夹结构和工作流程而言,我正试图加强我的游戏。我最近发现,前端程序包管理和任务自动化是提高速度,缩短开发时间,减小文件大小和增加利润的关键。

我的问题是我不太清楚使用这些工具的最佳方法是什么。我有一个build文件夹,其中包含一个dev和prod文件夹。我的组件位于bower_components文件夹中的此文件夹之外。

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

这是使用bootstrap的最佳方式吗?此设置中的文件较少?我想使用凉亭,因为它的功率,但我也想保持自定义引导程序的能力,它的文件更少。

你们觉得怎么样?

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

1 个答案:

答案 0 :(得分:0)

如上所述,Bass Jobsen:

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