Jonathan Scheiber

Construire les assets avec Webpack Encore et Gitlab CI

Temps de lecture : 2 minutes Aucun commentaire
Construire les assets avec Webpack Encore et Gitlab CI

Dans l'article précédent, nous avons vu comment construire les assets avec Webpack Encore et les Github Actions. Mais comment réaliser la même chose avec Gitlab CI ?

Construire un build d'assets avec les Github Actions n'était pas forcément facile au premier abord. Cependant, avec Gitlab CI, la configuration pour le même résultat est un peu plus rapide :

image: node:14.3-alpine

cache:
  paths:
  - node_modules/

before_script:
  - yarn install

build:
  script:
  - ./node_modules/.bin/encore production
  artifacts:
    name: "assets"
    paths:
    - public/build/

Quelques explications

On se base sur une image Docker de nodejs (ici, la version 14.3). On demande à la CI de mettre en cache le dossier node_modules, puis on lance un yarn install afin de récupérer les dépendances à jour.

Ensuite, on exécute Encore en mode production afin d'avoir les assets dans un format compressé.

Enfin, on crée un artefact nommé assets avec le contenu du build, qui est présent dans le dossier public/build.

Et voilà ! Votre CI Gitlab peut désormais construire vos assets avec Webpack Encore :)

Si vous avez des remarques, questions, suggestions ... à propos de cet article, n'hésitez pas à commenter, tout retour est le bienvenu :)

Commentaires

Il n'y a actuellement aucun commentaire. Soyez le premier à commenter !

Ajouter un commentaire