使用bootstrap sass(npm)和gulp

时间:2016-06-06 07:22:49

标签: npm gulp bower

我git克隆了这个回购https://github.com/HosseinKarami/fastshell,它已经完成了所有工作。

我离开了罗盘,因为快速通过gulp快得多。但我很困惑,不知道如何扩展它,我怎么能使用boostrap sass(https://github.com/twbs/bootstrap-sass)? bower install或npm?

2 个答案:

答案 0 :(得分:4)

Zak的回答将让您走上正轨,这里有一个基于Fastshell的gulpfile的详细信息。

1)安装bootstrap-sass

bower install boostrap-sass --save

2)在Fastshell主scss文件中包含bootstrap-sass

档案:

src/scss/style.scss

使用

@import "./bower_components/bootstrap-sass/assets/stylesheets/bootstrap.scss";

在此之后使用gulp css或观看。

3)进一步覆盖Bootstrap类,以便在所有已包含的模块/部分.scss文件中进行自定义

答案 1 :(得分:0)

您可以执行以下操作:

1使用以下bower命令安装boostrap-sass:

bower install boostrap-sass --save

2然后使用项目中已经需要的gulp-sass来访问bower_components / bootstrap-sass / assets中的* .scss文件。

干杯!