Woodoo Buildtools - Der Gulp 4 Frontend Workflow

Woodoo-Buildtools 1.2.1 released

Woodoo-Buildtools 1.2.1 released

folder_openBuildtools
commentKeine Kommentare
Woodoo Buildtools - Der Gulp 4 Frontend Workflow

Das Woodoo Buildtool ist ein GULP Worklflow f├╝r Frontend Projekte. Dabei ist es unerheblich ob es sich dabei um ein Magento, WordPress oder Hugo Projekt handelt. Nach dem Update auf Version 1.2.0 ist heute ein kleines Update nachgereicht worden.

CHANGELOG

NPM Updates f├╝r Gulp-Rename auf Version 1.4.0

Das in Woodoo-Buildtools verwendete Package┬águlp-rename┬áist nun auch in Woodoo mit der Version 1.4.0 verf├╝gbar. Dieses kleine Paket k├╝mmert sich um die umbenennung der Assetes im┬á/dist/Ordner w├Ąhrend des Build-Prozesses.

Anpassung der SASS-Lint Rules

BEM Class-Naming ist auch in den Woodoo-Buildtools als Default für das SASS Linting eingebunden. Dass auch die Nestings hierfür besser funktionieren, wurde die Regel nesting-depth von 2 auf 3 angehoben. Dies erlaubt bessere Klassenverschachtelungen bei SASS.[/vc_column_text]

.blockclass {
  ...
  &__element {
    ...
    &-modifier-one {
      ...
    }
    &-modifier-two {
      ...
    }
    &-modifier-three {
      ...
    }
    &-modifier-four {
      ...
    }
  }
}

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
[/vc_column][/vc_row]
Tags: , , , ,

Related Posts

Kommentar verfassen

Men├╝