Twitter bootstrap 正确使用Bootstrap4和gulp

我只是想知道，使用Bootstrap 4 SCS和gulp的正确方法是什么

这是我的gulpfile.js：

gulp.task('sass', function(){
    return gulp.src([
        'scss/app.scss'
    ])
        .pipe(sass()) // Converts Sass to CSS with gulp-sass
        .pipe(CleanCSS())
        .pipe(gulp.dest('css'))
});

然后app.scss看起来是这样的：

// Import full bs4 after custom overriden variables
@import "node_modules/bootstrap/scss/bootstrap";

bootstrap.scss本身导入所有bs模块

这是“正确的方式”吗

或者我应该编译bs scss文件而不在我的应用程序中导入它。scss：

gulp.task('sass', function() {
    return gulp.src(['node_modules/bootstrap/scss/bootstrap.scss'])
        .pipe(sass())
        .pipe(gulp.dest("css"))
});

---

我也对这个问题感兴趣

我将资产（CSS、javascript、图像、字体）从依赖项复制到我的应用程序或主题资产目录中，然后从那里构建

我的理由是，任何链接到css文件的图像或字体都可能破坏b/c的相对路径

---

仍然不确定这样做是否“正确”。。这在过去对我来说很有效

我发现最好的方法是将您的资产复制到

node\u模块之外，因为后端开发人员根本不需要安装nodejs。
您可以用变量覆盖路径，无需复制它们。