02.workflow.md

Workflow

Sources front: (dossier src/)

Le dossier src contient toutes les sources de développement front.

src/                         
    # → tout ce qui est valable sur l'ensemble du projet
    ├── atoms               # → variables             
    ├── core                # → fonctionnement général du framework front
    ├── element             # → elements mixins (title, subtitle...)   
    ├── fonts               # → fonts delclaration    
    ├── helpers             # → helpers mixins (grid, posiiton...)   
    ├── images              # → images statics du projets 
    ├── layout              # → layouts styles   
    └── common.scss         # → IMPORTANT : point de sortie de l'ensemble des fichiers scss qui va être importé en référence dans tous les autres fichiers scss
    ├── components          # → composants              
    └── pages               # → composant spéciquement "page"  
    └── Main.ts             # → IMPORTANT : point de sortie JS compilé par webpack

STYLE (Sass)

Chaque page et composant est doté d'un fichier scss. Voir l'exemple dummyComponent.scss

JS (Typescript)

Chaque page et composant est doté d'un fichier typescript. Voir l'exemple dummyComponent.ts

Notez que la vue DOM PHP ne se trouve pas dans les sources mais dans le dossier dist/user/themes/adm/templates/. Chaque page et composant est doté d'un fichier .TWIG .html.twig correspondant à la vue PHP associé au composant front.

Pour en savoir plus sur l'architecture composant, rapportez vous à la doc suivante scaffolder.