Woodoo-Buildtools 1.4.0

Woodoo-Buildtools 1.4.0 nun mit besserer config

Schon oft ist die umständliche Config der Gulp-Variablen und Projekte negativ aufgefallen. Für Gegelenheitsnutzer immer wieder supseckt, was wie wo eingetragen werden muss. Mit dieser neuen Version 1.4.0 wurde das ganze wesentlich vereinfacht und aufgeräumt.

Changelog

Neuer Aufbau der Konfigurationsdatei

Die gulp_config.json ist das eines der Herzstücke der Buildtools. In dieser Datei unter ./woodoo-buildtools werden alle projektreleavanten Pfade hinterlegt, so dass die ./woodoo-buildtools/gulpfile.js mit den Pfadangaben sauber arbeiten und alle Assets wie SCSS/CSS, JS, Bilder, ImageMaps und co. bauen kann. Daher ist es um so wichtiger, dass User hier schnell verstehen worum es geht und was wie wo eingetragen werden muss.

{
  "buildtools": {
    "path" : "./core/"
  },
  "project" : {
    "path" : "themes/.../",
    "path_dist": "output-folder",
    "path_scss" : "src-scss/",
    "path_js": "src-js/",
    "path_head_js": "src-js-head/",
    "path_footer_js": "src-js-footer/",
    "path_lib_js": "src-js-lib/",
    "path_images": "src-js-images/",
    "path_sprites_dist": "output-folder-sprites/",
    "path_sprites_png": "src-png",
    "path_sprites_svg": "src-svg/"
  },
  "another_project" : {
    "path" : "themes/.../"
 }
}

Überarbeiteter Consolen-Output

Damit beim finalen Build-Prozess noch ein kleiner Dependencie-Checkup für evtl. veraltete NPM Packages durchgeführt wird, ist im gulp default task ein dependencies-check eingebunden. Damit das ganze gestartet wird, muss man lediglich gulp in der console aufrufen (siehe Screenshot).

gulp.task('dependencies-check', () => {
    return gulp.src('*.js', {read: false})
        .pipe(shell([
        'echo ""',
        'echo "Check outdated dependencies from package.json ... please wait"',
        'npm outdated',
        'echo ""'
        ], { ignoreErrors: true }))
});
[00:54:32] 💪‍ You are using Woodoo-Buildtools 1.4.0
[00:54:32] Using gulpfile ~/..../woodoo-buildtools/gulpfile.js
[00:54:32] Starting 'default'...
[00:54:32] Starting 'dependencies-check'...

Check outdated dependencies from package.json ... please wait
Package            Current  Wanted  Latest  Location
animate.css          3.6.1   3.7.0   3.7.0  hugo-theme-dermatz
gulp-autoprefixer    5.0.0   5.0.0   6.0.0  hugo-theme-dermatz
gulp-htmlmin         4.0.0   4.0.0   5.0.1  hugo-theme-dermatz
gulp-postcss         7.0.1   7.0.1   8.0.0  hugo-theme-dermatz
gulp-uglify          3.0.0   3.0.1   3.0.1  hugo-theme-dermatz
jshint               2.9.5   2.9.6   2.9.6  hugo-theme-dermatz
lazysizes            4.0.4   4.1.2   4.1.2  hugo-theme-dermatz

[00:54:36] Finished 'dependencies-check' after 3.38 s
[00:54:36] Starting 'sprite-png'...
[00:54:36] Finished 'sprite-png' after 3.79 ms
[00:54:36] Starting 'sass_minified'...
[00:54:38] Finished 'sass_minified' after 2.39 s
[00:54:38] Starting 'sasslint'...
[00:54:38] Finished 'sasslint' after 254 ms
[00:54:38] Starting 'js_minified'...
[00:54:38] Starting 'jslint'...
[00:54:38] Finished 'jslint' after 113 ms
[00:54:38] Starting 'concat_footer_js'...
[00:54:38] Finished 'concat_footer_js' after 19 ms
[00:54:38] Starting 'concat_head_js'...
[00:54:38] Finished 'concat_head_js' after 8.46 ms
[00:54:38] Starting 'concat_lib_js'...
[00:54:38] Finished 'concat_lib_js' after 5.66 ms
[00:54:38] Starting 'minify_js'...
[00:54:38] Finished 'minify_js' after 1.11 ms
[00:54:38] Finished 'js_minified' after 148 ms
[00:54:38] Starting 'imagemin'...
[00:54:38] Finished 'imagemin' after 1.17 ms
[00:54:38] Finished 'default' after 6.18 s
[00:54:38] gulp-imagemin: Minified 0 images
Woodoo Buildtools 1.4.0 - Consolen Output

Consolen-Output

Neben dem Checkout wird auch gleichzeitig noch die aktuell eingesetze Woodoo-Buildtools Version angezeigt. Keine Angst, der Check wird nur beim Build-Prozess durchgeführt. Bei dem normalen `gulp watch` Task entfällt der Dependencies-Check.

Installation Buildtools

Das Toolset bekommst du auf Gitlab und Github.

Füg dieses Snippet in deiner composer.json hinzu

  "extra": {
    "installer-paths":{
      "./woodoo-buildtools/core": ["dermatz/woodoo-buildtools"]
    }
  }

Führe diese Befehle in Ihrem Projekt-Root aus, um woodoo buildtools in root /woodoo-buildtools zu installieren

composer.phar config repositories.woodoo-buildtools vcs https://gitlab.com/dermatz/woodoo-buildtools.git
composer.phar require dermatz/woodoo-buildtools --dev