Как написать для Laravel Mix БЭМ-сборку?

Question

[BarneyGumble]

Имею на gulp следующую сборку:

var gulp = require('gulp'),
    sass = require('gulp-sass'),
    concatcss = require('gulp-concat'),
    clean = require('gulp-clean'),
    plumber = require('gulp-plumber'),
    prefix = require('gulp-autoprefixer'),
    concatjs = require('gulp-concat'),
    browserSync = require('browser-sync').create();

gulp.task('blocks', function() {
    return gulp.src('resources/assets/sass/blocks/**/*.scss')
        .pipe(plumber())
        .pipe(concatcss("_blocks.scss"))
        .pipe(gulp.dest('resources/assets/sass/build/'))
        .pipe(browserSync.stream());
});

gulp.task('sass', function() {
    return gulp.src('resources/assets/sass/main.scss')
        .pipe(plumber())
        .pipe(sass().on('error', sass.logError))
        .pipe(prefix({
            browsers: ['last 10 versions'],
            cascade: true
        }))
        .pipe(gulp.dest('public/css'))
        .pipe(browserSync.stream());
});

gulp.task('clean', function () {
    return gulp.src('resources/assets/sass/build/_blocks.scss', {read: false})
        .pipe(clean())
    .pipe(browserSync.stream());
});


gulp.task('watch', function() {
    browserSync.init({
        server: "./app"
    });

    gulp.watch('resources/assets/sass/blocks/**/*.scss', gulp.series('blocks', 'sass', 'clean'));
});

По сути всё стандартно. Единственная особенность - это команда blocks, предварительно собирающая результирующий blocks.scss из нескольких файлов, где я, используя БЭМ отдельно провёрстываю блоки.

Как то же самое прописать для Laravel Mix?

Answer 1

[Вячеслав Плиско]

А оно вам надо? Laravel Mix это надстройка над вебпаком, при чём не над самой свежей его версией. Если у вас уже настроен галп, то особого смысла перезжать на микс нету. Вебпак это про модули и для получения выгоды вам надо бить ваш код на модули, а не думать про бемы.