Правильный способ использовать Bootstrap4 с глотком

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

Я обнаружил, что лучший способ - скопировать ваши ресурсы за пределы node_modules, потому что бэкэнд-разработчики вообще не будут беспокоиться об установке nodejs.

Answer 2

Меня тоже интересует этот вопрос ...

Я копирую ресурсы (CSS, javascript, изображения, шрифты) из зависимостей в каталог ресурсов моего приложения или тем и затем строю их оттуда.

Мое объяснение этому заключается в том, что любые изображения или шрифты, связанные с файлом CSS, могут нарушать b / c относительных путей.

До сих пор не уверен, что это «правильный» способ сделать это ... он просто работал для меня в прошлом.