正确使用Bootstrap4与gulp的方法

Question

我只是想知道，使用Bootstrap 4 scss和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文件而不在我的app.scss中导入它：

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

Answer 1

我也对这个问题感兴趣...

我将依赖项中的资源（CSS，javascript，图像，字体）复制到我的app或themes资源目录中，然后从那里构建。

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

仍然不确定这是否是正确的＆＃39;这样做的方式..它过去对我有用。

Answer 2

我发现最好的方法是将您的资产复制到node_modules之外，因为后端开发人员根本不需要安装nodejs。