Remove Gulp, use npm

assets/js/main.js

@@ -5,5 +5,5 @@
         e.preventDefault();
 
         $(this).siblings('.nav-right').toggleClass('is-active');
-    })
+    });
 })(jQuery);

assets/less/components/nav.less

@@ -6,9 +6,7 @@
     .ml3;
     .pv3;
 
-    &:first-child {
+    &:first-child { .ml0 }
-        .ml0;
-    }
 }
 
 .nav-item--active {

assets/less/components/post.less

@@ -5,10 +5,7 @@ pre {
     word-wrap: no-wrap;
 }
 
-pre[class*="language-"] {
+pre[class*="language-"] { .bn; .br0 }
-    .bn;
-    .br0;
-}
 
 pre code {
     .pre;

assets/less/components/talk.less

@@ -1,6 +1,4 @@
-.video {
+.video { padding-top: 56.25% }
-    padding-top: 56.25%;
-}
 
 .video iframe,
 .video embed {

assets/less/main.less

@@ -1,15 +1,16 @@
-@import "node_modules/tachyons-less/less/_colors";
+@import (less) "~font-awesome/css/font-awesome.css";
+@import (less) "~prismjs/themes/prism-twilight.css";
+
+@import "~tachyons-less/less/_colors";
 
 @blue: #0678be;
 
-@import "node_modules/tachyons-less/tachyons";
+@import "~tachyons-less/tachyons";
 
 p,
 li,
 td {
-    a {
+    a { color: @blue }
-        color: @blue;
-    }
 }
 
 .button {

gulpfile.js

@@ -1,73 +0,0 @@
-'use strict';
-
-var gulp = require('gulp');
-var plugins = require('gulp-load-plugins')();
-var config = require('./gulpfile.config')(plugins);
-var del = require('del');
-
-var app = {};
-
-app.copy = function (sourceFiles, destination) {
-    return gulp.src(sourceFiles)
-        .pipe(gulp.dest(destination));
-};
-
-app.css = function (sourceFiles, outputFile) {
-    return gulp.src(sourceFiles)
-        .pipe(plugins.plumber())
-        .pipe(plugins.if(!config.production, plugins.sourcemaps.init()))
-        .pipe(plugins.sassGlob())
-        .pipe(plugins.less())
-        .pipe(plugins.autoprefixer(config.less.autoprefixer))
-        .pipe(plugins.concat(outputFile))
-        .pipe(plugins.if(config.production, plugins.purifycss(config.less.purifyCss)))
-        .pipe(plugins.if(config.production, plugins.cleanCss()))
-        .pipe(plugins.if(!config.production, plugins.sourcemaps.write('.')))
-        .pipe(plugins.if(!config.production, plugins.refresh()))
-        .pipe(gulp.dest(config.less.outputDir));
-};
-
-app.js = function (sourceFiles, outputFile) {
-    return gulp.src(sourceFiles)
-        .pipe(plugins.plumber())
-        .pipe(plugins.if(!config.production, plugins.sourcemaps.init()))
-        .pipe(plugins.concat(outputFile))
-        .pipe(plugins.if(config.production, plugins.uglify()))
-        .pipe(plugins.if(!config.production, plugins.sourcemaps.write('.')))
-        .pipe(gulp.dest(config.js.outputDir));
-};
-
-gulp.task('clean', function () {
-    del.sync('source/assets/{css,fonts,js}');
-    del.sync('output_*/assets/{css,fonts,js}');
-});
-
-gulp.task('default', ['clean', 'fonts', 'styles', 'scripts']);
-
-gulp.task('fonts', function () {
-    return app.copy('node_modules/font-awesome/fonts/*', config.fonts.outputDir);
-});
-
-gulp.task('styles', function () {
-    app.css([
-        'node_modules/font-awesome/css/font-awesome.css',
-        'node_modules/prismjs/themes/prism-twilight.css',
-        config.less.sourceDir + '/main.less'
-    ], 'site.css');
-});
-
-gulp.task('scripts', function () {
-    app.js([
-        'node_modules/jquery/dist/jquery.js',
-        'node_modules/prismjs/prism.js',
-        'node_modules/prismjs/components/prism-{apacheconf,bsash,css,diff,ini,json,nginx,php,sass,scss,sql,less,twig,xml,yaml}.js',
-        config.js.sourceDir + '/**/*.js'
-    ], 'site.js')
-});
-
-gulp.task('watch', ['default'], function () {
-    plugins.refresh.listen();
-
-    gulp.watch(config.less.sourceDir + config.less.pattern, ['styles']);
-    gulp.watch(config.js.sourceDir + config.js.pattern, ['scripts']);
-});

package.json

@@ -1,25 +1,37 @@
 {
+  "config": {
+    "lessPath": "./assets/less",
+    "jsPath": "./assets/js",
+    "outputCss": "./source/assets/css",
+    "outputFonts": "./source/assets/fonts",
+    "outputJs": "./source/assets/js"
+  },
+  "scripts": {
+    "autoprefixer": "postcss -u autoprefixer -r $npm_package_config_outputCss/*.css",
+    "build": "npm run init && npm-run-all -p build:css build:js copy:fonts",
+    "build:css": "npm run less -- && npm run autoprefixer",
+    "build:js": "concat -o $npm_package_config_outputJs/site.js ./node_modules/jquery/dist/jquery.js ./node_modules/prismjs/prism.js ./node_modules/prismjs/components/prism-{apacheconf,bash,css,diff,ini,json,nginx,php,sass,scss,sql,less,twig,yaml}.js $npm_package_config_jsPath/vendor/*.js $npm_package_config_jsPath/main.js",
+    "copy:fonts": "cp -R ./node_modules/font-awesome/fonts/* $npm_package_config_outputFonts",
+    "dev": "npm run build && npm-run-all -p watch:css watch:js",
+    "init": "mkdir -p $npm_package_config_outputCss $npm_package_config_outputFonts $npm_package_config_outputJs",
+    "less": "lessc --npm-import='prefix=~' $npm_package_config_lessPath/main.less $npm_package_config_outputCss/site.css",
+    "prod": "npm run build",
+    "watch:css": "onchange $npm_package_config_lessPath -v -- npm-run-all -p build:css",
+    "watch:js": "onchange $npm_package_config_jsPath -v -- npm-run-all -p build:js"
+  },
   "dependencies": {
-    "del": "^3.0.0",
+    "autoprefixer": "^7.1.5",
+    "concat": "^1.0.3",
     "font-awesome": "^4.7.0",
-    "gulp": "^3.9.1",
+    "graceful-fs": "^4.1.11",
-    "gulp-autoprefixer": "^4.0.0",
-    "gulp-clean-css": "^3.7.0",
-    "gulp-concat": "^2.6.1",
-    "gulp-if": "^2.0.2",
-    "gulp-less": "^3.3.2",
-    "gulp-load-plugins": "^1.5.0",
-    "gulp-plumber": "^1.1.0",
-    "gulp-purifycss": "^0.2.0",
-    "gulp-refresh": "^1.1.0",
-    "gulp-sass": "^3.1.0",
-    "gulp-sass-glob": "^1.0.8",
-    "gulp-sourcemaps": "^2.6.0",
-    "gulp-uglify": "^3.0.0",
-    "gulp-util": "^3.0.8",
     "jquery.2": "^1.0.0",
+    "less": "2.7.1",
+    "less-plugin-clean-css": "^1.5.1",
+    "less-plugin-npm-import": "^2.1.0",
+    "npm-run-all": "^4.1.1",
+    "onchange": "^3.2.1",
+    "postcss-cli": "^4.1.1",
     "prismjs": "^1.6.0",
-    "tachyons-less": "^1.0.4",
+    "tachyons-less": "^1.0.4"
-    "tachyons-sass": "^4.7.4"
   }
 }