scss uncss php

scss-uncss-php.js

/**
  подключаемые плагины:
 
  npm i
  gulp
  browser-sync
  gulp-load-plugins
  gulp-plumber
  gulp-notify
  gulp-sourcemaps
  gulp-sass
  gulp-uncss
  gulp-autoprefixer
  gulp-cssnano
  gulp-rename
  
  -D
  
 */
var g = require("gulp"),
    p = require("gulp-load-plugins")(),
    b = require("browser-sync").create(),
    u = {
        scss: "app/scss/main.scss",
        css: "./app/css",
        map_css: "../css",
        app: "app/**/*.*",
        proxy: "basic-project-template"
    };

g.task("css", function() {
    g.src(u.scss)
        .pipe(p.plumber({
            errorHandler: p.notify.onError(function(err) {
                return {
                    title: 'task css',
                    message: err.message
                }
            })
        }))
        .pipe(p.sourcemaps.init())
        .pipe(p.sass())
        .pipe(p.uncss({
            html: ["http://basic-project-template/"]
        }))
        .pipe(p.autoprefixer())
        .pipe(p.cssnano())
        .pipe(p.rename("main.min.css"))
        .pipe(p.sourcemaps.write(u.map_css))
        .pipe(g.dest(u.css))
        .pipe(b.stream());
});

g.task("s", function() {
    b.init({
        // для php файлов
        proxy: u.proxy,
        /*
             // для html файлов
                server: { baseDir: "./app" },
        */
        notify: false
    });
});

g.task("watch", ["s"], function() {
    g.watch(u.scss, ["css"]);
    g.watch(u.app).on("change", b.reload);
});

g.task("default", ["watch"]);