build(Vue-cli): Cache les logs de build du frontend (webpack) (#4876)

.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

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')

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)