首先要确保pc上装有node，然后在global环境和项目文件中都install gulp
npm install gulp -g (global环境)
npm install gulp --save-dev (项目环境)
在项目中install需要的gulp插件，一般只压缩的话需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更多插件可以在这个链接中找到 http://gratimax.net/search-gulp-plugins/
在项目的根目录新建gulpfile.js，require需要的module
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del')
压缩css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //压缩的文件
.pipe(gulp.dest('minified/css')) //输出文件夹
.pipe(minifycss()) //执行压缩
})
压缩js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js'))//合并所有js到main.js
.pipe(gulp.dest('minified/js'))//输出main.js到文件夹
.pipe(rename({suffix: '.min'})) //rename压缩后的文件名
.pipe(uglify())//压缩
.pipe(gulp.dest('minified/js')) //输出
})
执行压缩前，先删除文件夹里的内容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
})
默认命令，在cmd中输入gulp后，执行的就是这个命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs')
})
然后只要cmd中执行，gulp即可
/步骤首先要确保pc装nodeglobal环境项目文件都install gulp
npm install gulp -g (global环境)
npm install gulp --save-dev (项目环境)
项目install需要gulp插件般压缩需要
npm install gulp-minify-css gulp-concat gulp-uglify gulp-rename del --save-dev
更插件链接找
项目根目录新建gulpfile.jsrequire需要module
var gulp = require('gulp'),
minifycss = require('gulp-minify-css'),
concat = require('gulp-concat'),
uglify = require('gulp-uglify'),
rename = require('gulp-rename'),
del = require('del')
压缩css
gulp.task('minifycss', function() {
return gulp.src('src/*.css') //压缩文件
.pipe(gulp.dest('minified/css')) //输文件夹
.pipe(minifycss())//执行压缩
})
压缩js
gulp.task('minifyjs', function() {
return gulp.src('src/*.js')
.pipe(concat('main.js')) //合并所jsmain.js
.pipe(gulp.dest('minified/js')) //输main.js文件夹
.pipe(rename({suffix: '.min'})) //rename压缩文件名
.pipe(uglify()) //压缩
.pipe(gulp.dest('minified/js'))//输
})
执行压缩前先删除文件夹内容
gulp.task('clean', function(cb) {
del(['minified/css', 'minified/js'], cb)
})
默认命令cmd输入gulp执行命令
gulp.task('default', ['clean'], function() {
gulp.start('minifycss', 'minifyjs')
})
要cmd执行gulp即
1 文档的改变但是因为现在Bootstrap 3下载链接变成了最近版本 (lastest version)，并且每天的改动非常多，而文档更新不是很及时，所以有些会对不上
2 一些全局CSS的改变
3. 栅格系统 (Grid system)
说个我认为比较重要的，相对于RC 1中的3层，现在有4层了
We now have .col-xs (phones), .col-sm (tablets), .col-md (desktops), and .col-lg (large desktops)
.col-xs 对应手机设备
.col-sm 对应平板设备
.col-md 对应普通桌面设备
.col-lg对应宽屏设备
4 组件的改进与删减，包括： 按钮、表格、导航栏等
5 还有就是RC 2修复了RC 1中的超多Bug
===========================7月28对Bootstrap 3 RC1的回答=================
什么改变了？
超过1,600次提交（commits）, 大于72,000 个增/减（additions/deletions）, 还有300多个文件的改变，是非常大的一次改变，所以我 占坑，慢慢回答，抛砖引玉
1. 彻底的重写，从桌面优先 (Desktop First)的设计方式，变成和Zurb的 Foundation 一样的移动优先 (Mobile First) 全新的栅格系统 (Grid System)，更加强大！如果你用过Foundation的栅格系统 (Grid System)就有体会了。
2. 再见，IE7！最低从IE 8开始支持。而且因为设计已经变成移动优先，所以对IE8的支持也需要respond.js我相信Bootstrap 4时肯定会放弃对IE8的支持，就像现在的Foundation 4一样
3. 扁平化设计，极简风格。这个你应该从Bootstrap文档的风格也可以看出来了，不过可能是暂时的，因为作者精力的原因，具体见 https://github.com/twbs/bootstrap/pull/6342#issuecomment-12332378
Gradients
and other embellishments have temporarily been removed while I focus on
other things. It has nothing to do with skeuomorphism or anything like
that.
4. 更小的文件体积，Bootstrap.min.css的体积减少了40%以上。
在OS X系统上：
旧的压缩后的Bootstrap.min.css和bootstrap-responsive.min.css是 106Kb + 17Kb = 123Kb。
新的Bootstrap.min.css将响应式栅格融入了进去，也就是不再区分Bootstrap.min.css和bootstrap-responsive.min.css，只有一个bootstrap.min.css 体积是67Kb
67Kb / 123Kb = 54.47%
JS插件文件体积从 29Kb 变成 27Kb 体积上变化不是很大
并且有了CDN，速度肯定更快了.
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/css/bootstrap.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-rc1/js/bootstrap.min.js"></script>
5. 更优秀的组件！这里面有很多细节，我也说不全，抛砖引玉。
两个新的组件：List Group 和 Panels
新的 Modal，更加简单好用
没了@blue, @orange之类的，取而带之的说@brand-primary, @brand-success语义化。
增加对视网膜屏幕的支持，如retina image mixin.
这个非常多，可以看这里：
https://github.com/twbs/bootstrap/pull/6342
举一些例子:
>>5.1 Modal 组件
旧版 (2.X) 的Bootstrap Modal
<div class="modal hide fade">
</div>
新版 (3.X) 的Bootstrap Modal
<div class="modal fade">
<div>
HTML相对来说只是简洁了一些而已，但你可以点击超链接进去使用一下新的Modal，你就会发现，新的Modal修复了
旧版滚动Modal时背景也会滚动的问题
当Modal内容过长时，新的Modal可以像页面一样滚动，而旧版的不行
还有些不能直观看到的，比如对移动设备的支持更好了什么的
>>5.2 新的 List Group 和 Panels 组件，挺好的，其实没的话很多人也想自己写一个
Panels组件：
List Group 组件：List Group 组件：
