| Index: gulpfile.js | 
| =================================================================== | 
| new file mode 100644 | 
| --- /dev/null | 
| +++ b/gulpfile.js | 
| @@ -0,0 +1,54 @@ | 
| +/*! | 
| + * This file is part of adblockplus.org. | 
| + * Copyright (C) 2017-present eyeo GmbH | 
| + * | 
| + * adblockplus.org is free software: you can redistribute it and/or modify | 
| + * it under the terms of the GNU General Public License as published by | 
| + * the Free Software Foundation, either version 3 of the License, or | 
| + * (at your option) any later version. | 
| + * | 
| + * adblockplus.org is distributed in the hope that it will be useful, | 
| + * but WITHOUT ANY WARRANTY; without even the implied warranty of | 
| + * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the | 
| + * GNU General Public License for more details. | 
| + * | 
| + * You should have received a copy of the GNU General Public License | 
| + * along with adblockplus.org.  If not, see <http://www.gnu.org/licenses/>. | 
| + */ | 
| + | 
| +const gulp = require("gulp"); | 
| +const gutil = require("gulp-util"); | 
| +const sourcemaps = require("gulp-sourcemaps"); | 
| +const rename = require("gulp-rename"); | 
| +const sass = require("gulp-sass"); | 
| +const postcss = require("gulp-postcss"); | 
| +const scss = require("postcss-scss"); | 
| +const autoprefixer = require("autoprefixer"); | 
| + | 
| +/****************************************************************************** | 
| + * CSS | 
| + ******************************************************************************/ | 
| + | 
| +gulp.task("css", function() { | 
| +  return gulp.src("./scss/main.scss") | 
| +    .pipe(sourcemaps.init()) | 
| +    .pipe(postcss([autoprefixer()], {syntax: scss}).on("error", gutil.log)) | 
| +    .pipe(sass({outputStyle: "compressed"}).on("error", gutil.log)) | 
| +    .pipe(rename("main.min.css")) | 
| +    .pipe(sourcemaps.write("./")) | 
| +    .pipe(gulp.dest("./css")); | 
| +}); | 
| + | 
| +/****************************************************************************** | 
| + * Watch | 
| + ******************************************************************************/ | 
| + | 
| +gulp.task("watch", function() { | 
| +  gulp.watch("./scss/**/*.scss", ["css"]); | 
| +}); | 
| + | 
| +/****************************************************************************** | 
| + * Default | 
| + ******************************************************************************/ | 
| + | 
| +gulp.task("default", ["css", "watch"]); | 
|  |