需要对Bower,Grunt和Bootstrap工作流程进行一些澄清和批评

时间:2015-01-12 23:42:58

标签: twitter-bootstrap gruntjs npm bower

这是我到目前为止所做的:

  1. 通过npm全球安装Bower
  2. 通过npm
  3. 在全球范围内安装Grunt
  4. 创建了一个工作文件夹(“test”)
  5. 用“bootstrap”创建了一个bower.json(我意识到bower init也可以工作):“latest”作为唯一的依赖
  6. cd~ / test
  7. bower install --save(保存标志是不必要的,因为依赖项是预定义的,我猜)
  8. cd bower_components / bootstrap
  9. npm install
  10. 咕噜
  11. 以下是我带来的印象(如果以下任何一项错误,请纠正我):

    • 我已经建立了一个工作环境,在运行“grunt dist”(或者grunt,但我认为这样效率较低)时,我的JS和LESS将自动被linted,编译和缩小。
    • 我的所有工作HTML文件都应直接放在“dist”文件夹中。
    • Bower将负责依赖性升级,而不会覆盖已修改的文件。
    • 完成后,我的网站/ Bootstrap模板可能会在Bower注册,以便轻松娱乐。

    我有几个问题:

    a)这个工作流程的大多数用户是为每个项目创建一个新的工作环境,还是只维护一组工作文件并修改gruntfile,dist文件夹和自定义LESS / JS文件夹/文件?

    b)上一个问题的后续行动:大多数Bootstrap用户是否直接修改核心组件,或者只是尝试添加自定义LESS / JS文件和文件夹?在更新到新版本的BS时,是否会覆盖核心修改?

    我对网络开发很陌生。我为相当过分的帖子道歉。如果有一个更好的地方让我与几个愿意忍受我提出更多问题的病人进行交流,请指点我(我过去在Stack上回答了大部分与编程相关的问题,所以我先来到这里。我知道Stack通常面向非常具体的问题和答案。

1 个答案:

答案 0 :(得分:0)

A)通常,您希望为css / less文件甚至js文件制作自定义文件。我通常会根据需要制作准系统最小的bootstrap / angular build并自定义/删除。

B)如果您创建一个新文件并将其保存在目录中,请确保它不是所有依赖项所在的位置。如果您通过Bower更新,则可以删除更新文件。最好制作一个内容/脚本或css文件夹,并将自定义样式/脚本放入其中。

希望能回答它