bootstrap-sass在项目中引入配置

bootstrap-sass在项目中引入配置

sass的引入：

//定义字体路径，对应copy task下的复制路径
$icon-font-path: "fonts/bootstrap/";

//@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap-sprockets";
@import "node_modules/bootstrap-sass/assets/stylesheets/bootstrap";

gulpfile.js文件配置
//copy fonts，
gulp.task('copyFont',function(){
var src='node_modules/bootstrap-sass/assets/fonts/bootstrap/*';
var dest= 'dist/css/fonts/bootstrap/';

return gulp.src(src)
    .pipe(gulp.dest(dest));

});

项目入口函数app.js中引入
window.$=window.jQuery=require('jquery');
require('../node_modules/bootstrap-sass/assets/javascripts/bootstrap.min.js');

1.gulp-sass编译问题：
对bootstrap-sass项目中样式表_dropdowns.scss文件中
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: $caret-width-base dashed;
//border-top: $caret-width-base solid \9; // IE8
border-right: $caret-width-base solid transparent;
border-left: $caret-width-base solid transparent;
}
会把border-top: $caret-width-base dashed;丢失，最终只出现border-top: $caret-width-base solid \9;所以最终版本不能在chrome下使用。
要想正确编译出结果只能注释border-top: $caret-width-base solid \9;

以上项目采用cmd开发！！