Compile scss

Ozcan Arslan pro commented 5 years ago

I managed to compile using GULP using gulpfile.js below but am i doing right? I can use now Mega Menu with MDB Admin Dashboard and I can't get any other error with any component I am using right now.

const gulp = require('gulp'); const browserSync = require('browser-sync').create(); const sass = require('gulp-sass'); const minifyCSS = require('gulp-csso'); const concat = require('gulp-concat'); const autoprefixer = require('gulp-autoprefixer'); const del = require('del'); const runSequence = require('run-sequence');

gulp.task('browser-sync', () => { browserSync.init({ server: { baseDir: "dist" } }); });

gulp.task('css', () => { return gulp.src('scss/*/.scss') .pipe(sass({ outputStyle: 'nested', precision: 10, includePaths: ['.'] }).on('error', sass.logError)) .pipe(minifyCSS()) .pipe(autoprefixer()) .pipe(concat('mdb.min.css')) .pipe(gulp.dest('dist')) .pipe(browserSync.stream()); });

gulp.task('delete', () => del(['dist']));

gulp.task('watch', () => { gulp.watch("scss/*/.scss", ['css']); });

gulp.task('default', gulp.series('delete', 'css', function (done) { done(); }));