将引导 sass (npm) 与 gulp 一起使用答案

【问题标题】：Using bootstrap sass (npm) with gulp将引导 sass (npm) 与 gulp 一起使用
【发布时间】：2016-06-06 07:22:48
【问题描述】：

我 git 克隆了这个 repo https://github.com/HosseinKarami/fastshell 并且一切正常。

我离开了 compass，因为 fastshell 使用 gulp 更快。但是我很困惑，不知道如何扩展它，我该如何使用 boostrap sass (https://github.com/twbs/bootstrap-sass)？做凉亭安装或npm？

【问题讨论】：

【解决方案1】：

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 文件中进行自定义

【讨论】：

可以做得更好，将引导程序动态注入 main.scss： .pipe(gulp-inject(gulp.src(['./bower_components/bootstrap-sass/assets/stylesheets/_bootstrap.scss ']），注入引导选项））。为此，您需要 gulp-inject 插件。

【解决方案2】：

你可以这样做：

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

bower install boostrap-sass --save

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

干杯！

【讨论】：