DindoDev

Ladydinde's tasks manager for front-end development in Drupal 8.

Introduction

This has been conceived in the aim of beeing used in a Drupal 8 environment. The purpose of this tool is mainly to compile SCSS and transpile ESNext.

Installation

# install dependency
npm i -D @ladydinde/dindodev
# init the tool with your project
npx dindodev init

Commands

Project

DindoDev exposes two main commands: dev and build. The first one is intended to be use to develop in local, the second one to build for production. Easy pizzy!

Add those scripts to your package.json to being able to run DindoDev.

"scripts": {
  "dev": "dindodev dev",
  "build": "dindodev build"
}

Now you can run npm run dev or npm run build to make a good meal.

Component

DindoDev exposes a second type of command that allows you to easily create a Drupal front-end component. It's composed of a set of files that split your project into small bricks of code.

You can call it using npx dindodev cpt (available alias component) or adding a new script to your package.json.

"scripts": {
  "dev": "dindodev dev",
  "build": "dindodev build",
  "cpt": "dindodev cpt"
}

Variables

The tool is based on Drupal 8 structure and to be able to work, it needs environment variables that define the themes that should be used.

# `.env` file
THEMES=my_theme,my_second_theme

Roadmap

• [x] README docs
• [x] use dotenv
• [ ] compile modules
• [x] autoprefixer
• [ ] better scripts, libs and chunks handling
• [ ] créer les styles et scripts de base
• [ ] gulp-svgstore?
• [ ] gulp-webp + images processing
• [x] hygen templates
• [ ] prompt questions for the start
• [ ] files to copy
• [ ] Drupal theme creation + files to create in themes
• [ ] man dindodev or dindodev help command
• [ ] display lines to copy in package.json
• [ ] add some colors
• [ ] npm-scripts
• [ ] pre-commit (eslint? remove log?)

Contributing

Check the wiki dedicated to contribution.

Acknowledgements

Suriteka