我的理解是Bootstrap 3是使用LESS编译的。意思是,如果要自定义Bootstrap的主题/外观,我将修改各个LESS文件中的变量,然后编译自定义的Bootstrap库。
我的理解是Grunt是JavaScript的构建系统,它执行缩小,丑化等工作;并且它具有用于定义自定义行为的可插入架构。
我的理解是Bower是一个依赖项管理工具,可以独立运行(从Shell)或作为Grunt插件运行。
如果到目前为止我所说的话不正确或有误导性,请先纠正我!
假设我对自己的理解或多或少是正确的,那么我的问题是:
如何结合使用LESS,Grunt和Bower来创建基于Bootstrap的自定义应用程序?我将LESS用于自定义Bootstrap,然后使用Bower将该自定义Boostrap作为依赖项拉入我的应用程序,然后使用Grunt编译/最小化我的应用程序的JS / CSS资源吗?还是我偏离轨道并完全偏离基地?
我想你是对的。
首先下载Bootstrap的master.zip,并确保已安装Node.js和npm。
比运行:
npm install
grunt dist
(重新编译Boostrap,CSS和Javascript)现在,您可以检查Bootstrap的Gruntfile,并了解如何配置Grunt任务以构建和扩展Bootstrap。
Bootstrap不使用Bower进行前端程序包管理(尽管您也可以使用Bower安装Bootstrap),但是Roots Wordpress主题确实使用Bower:
Roots使用Bower来管理Bootstrap,jQuery,Modernizr和Respond.js。
您可以使用安装任何软件包 bower install --save <package-name>
Bower使用.bowerrc文件安装这些软件包。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句