From a96c0f24b28b589241a467361f3c44aa250e1cb3 Mon Sep 17 00:00:00 2001
From: Charline <charline.laporte@beta.gouv.fr>
Date: Fri, 10 Jan 2025 15:45:02 +0100
Subject: [PATCH] build(Vue-cli): Cache les logs de build du frontend (webpack)
 (#4876)

---
 .env.docker            | 1 +
 docs/ONBOARDING.md     | 1 +
 frontend/vue.config.js | 7 ++++++-
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/.env.docker b/.env.docker
index 4789d055a..d2e068722 100644
--- a/.env.docker
+++ b/.env.docker
@@ -2,6 +2,7 @@ ALLOWED_HOSTS=localhost
 SECRET=my local secret
 DEBUG=True
 DEBUG_FRONT=True
+DEBUG_WEBPACK_PROGRESS=False
 DB_USER=postgres
 DB_PASSWORD=password
 DB_HOST=db
diff --git a/docs/ONBOARDING.md b/docs/ONBOARDING.md
index b1bbcf37c..55999441c 100644
--- a/docs/ONBOARDING.md
+++ b/docs/ONBOARDING.md
@@ -98,6 +98,7 @@ L'application utilise [python-dotenv](https://pypi.org/project/python-dotenv/),
 SECRET= Le secret pour Django (vous pouvez le [générer ici](https://djecrety.ir/))
 DEBUG= `True` pour le développement local ou `False` autrement
 DEBUG_FRONT= `True` pour le développement local du 2024-front ou `False` autrement
+DEBUG_WEBPACK_PROGRESS= `True` pour afficher la progression lors du build de webpack pour le `frontend`
 DB_USER= L'utilisateur de la base de données. Doit avoir les droits de creation de db pour les tests (par ex. 'macantine_egalim_team')
 DB_PASSWORD= Le mot de passe pour accéder à la base de données
 DB_HOST= Le host de la base de données (par ex. '127.0.0.1')
diff --git a/frontend/vue.config.js b/frontend/vue.config.js
index db17e1348..79ed5e9d2 100644
--- a/frontend/vue.config.js
+++ b/frontend/vue.config.js
@@ -1,5 +1,6 @@
 const BundleTracker = require("webpack-bundle-tracker")
 const debug = !process.env.DEBUG || process.env.DEBUG === "True"
+const debugWebpackProgress = process.env.DEBUG_WEBPACK_PROGRESS === "True"
 
 const FRONTEND_URL = "http://localhost:8080"
 
@@ -20,12 +21,16 @@ module.exports = {
     loaderOptions: {
       sass: {
         sassOptions: {
-          silenceDeprecations: ["slash-div", "legacy-js-api"],
+          silenceDeprecations: ["slash-div", "legacy-js-api", "global-builtin", "import"],
         },
       },
     },
   },
 
+  devServer: {
+    progress: debugWebpackProgress,
+  },
+
   chainWebpack: (config) => {
     config.optimization.splitChunks(false)