Twitter bootstrap 3 如何使用Grunt构建TwitterBootstrap3

Twitter bootstrap 3 如何使用Grunt构建TwitterBootstrap3,twitter-bootstrap-3,gruntjs,Twitter Bootstrap 3,Gruntjs,我已经使用git clone克隆了Twitter引导程序3: 现在,我正在尝试使用Grunt构建它,但我找不到任何关于如何实现这一点的文档 我应该从哪里开始 若要为项目添加更多自动化功能,我建议您使用。这甚至可以节省您将所有内容下载到资产中的时间 要使用Bower,您需要Bower.json 此文件的外观如下所示: { “名称”:“WebExpressive”, “版本”:“0.0.0”, “作者”:[ “用户名” ], “描述”:“一个很棒的web应用程序”, “许可证”:“麻省理工学院”,

我已经使用git clone克隆了Twitter引导程序3:

现在,我正在尝试使用Grunt构建它,但我找不到任何关于如何实现这一点的文档


我应该从哪里开始

若要为项目添加更多自动化功能,我建议您使用。这甚至可以节省您将所有内容下载到资产中的时间

要使用Bower,您需要Bower.json

此文件的外观如下所示:

{
“名称”:“WebExpressive”,
“版本”:“0.0.0”,
“作者”:[
“用户名”
],
“描述”:“一个很棒的web应用程序”,
“许可证”:“麻省理工学院”,
“忽略”:[],
“依赖项”:{
“引导”:“最新”,
“jQuery”:“最新”,
“角度最新”:“最新”,
“turnjs”:“最新”
}
}
现在,要将您的bower插入grunt,您需要有一个GrunFile.js,它将如下所示

module.exports=函数(grunt){
//项目配置
grunt.initConfig({
pkg:grunt.file.readJSON('package.json'),
外壳:{
多个:{
命令:[“bower安装”,
“mv bower_组件/**公共/”,
'rm-rf bower_components'].连接('&&&'))
}
}
});
grunt.loadNpmTasks(“grunt-shell”);
//默认任务
registerTask('default',['shell']);
//生产任务
//grunt.registerTask('dist',[…]);
//测试任务
};
现在,在实际运行'grunt'之前,请确保项目目录中有所有npm包,并且包.json的形状正确

看看我的package.json文件

{
“名称”:“应用程序名称”,
“版本”:“0.0.1”,
“私人”:没错,
“脚本”:{
“开始”:“node app.js”
},
“依赖项”:{
“咕噜”:“*”,
“grunt shell”:“*”,
“咕噜咕噜咕噜咕噜”的意思是“*”,
“grunt contrib connect”:“*”,
“grunt contrib咖啡”:“*”,
“咕噜指南针”:“*”,
“咕噜声打开”:“*”,
“grunt contrib requirejs”:“*”,
“grunt contrib jade”:“*”,
“grunt contrib副本”:“*”,
“grunt bower安装”:“*
}
}
现在,您只需要运行这些命令,就可以在公用文件夹中找到您的引导

npm install
grunt

请访问并进一步探索,它们非常棒。

有关如何使用Grunt构建的基本说明,请参考

从本质上讲,这就像

grunt dist

如果在Windows中从命令行运行,请确保以管理员身份运行cmd.exe

为了下载简单的css文件来制作一个简单的html css,我需要编写很多代码site@TarDavis但想想简单。你只要给某人
package.json
Gruntfile.js
,他就可以通过运行几个命令来设置一切。但我同意你的看法,我们花了一些时间编写
Gruntfile.js
,一开始看起来很乏味,但一旦项目发展起来,它就非常有用,特别是当一个新开发人员加入团队时,他可以快速设置所有内容。也许你在寻找项目报告的自述?