Overview:

The Gulp Drupal Stack offers a comprehensive solution for managing front-end tasks in Drupal projects. This powerful set of tools streamlines the development workflow by facilitating SCSS and JS compilation, file watching, and image optimization. With its flexible configuration options, developers can effortlessly set up a customized build process that meets their specific project needs.

By leveraging this stack, teams can enhance their productivity, ensure code quality, and maintain an organized codebase. Whether you're working on a small site or a large enterprise-level application, the Gulp Drupal Stack provides the essential features to help you succeed in your project.

Features:

SCSS to CSS Compilation: Seamlessly compile SCSS files into CSS using LibSass and PostCSS with built-in linting and SourceMap support.
JS Compilation: Utilize Babel for modern JavaScript syntax compilation, complete with linting and code aggregation to keep your scripts organized.
Webpack Module Bundling: Efficiently bundle your JS modules with Webpack, allowing for a cleaner project structure and improved load times.
SVG Font Icons: Generate SVG icons as font files with the capability to add mixins and classes directly in SCSS, plus a demo page for easy reference.
Drupal File Watching: Trigger Drush cache clears automatically upon file changes, enhancing workflow efficiency by reducing manual steps.
File Copying: Easily copy files to designated locations within your project, streamlining asset management.
Sprite Generator: Create image sprites with Retina Display support, optimizing your image assets for high-resolution displays.
User-Configurable: All features can be easily customized by updating settings in your project's gulpfile.yml, merging with defaults from gulpfile.default.yml.

Ovh

Gulp Drupal Stack

Ovh UI Kit Bs

Ovh UI Kit