Différences

Ci-dessous, les différences entre deux révisions de la page.

--- prog:symfony:extensions:scss [11/09/2022 17:41]
thierry créée
+++ prog:symfony:extensions:scss [11/09/2022 18:59] (Version actuelle)
thierry [Installation]
@@ Ligne 5: / Ligne 5: @@
 ===== Installation  =====
+Pour pouvoir travailler avec les fichiers SCSS il faut installer le module **node** ''sass-loader'' et ''node-sass''
+Lancer la commande ''npm install sass-loader node-sass --dev''
+<code>
+J:\webprojects\GoldenTicket>npm install sass-loader node-sass --dev
+npm WARN deprecated har-validator@5.1.5: this library is no longer supported
+npm WARN deprecated uuid@3.4.0: Please upgrade  to version 7 or higher.  Older versions may use Math.random() in certain circumstances, which is known to be problematic.  See https://v8.dev/blog/math-random for details.
+npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142
+added 163 packages, and audited 784 packages in 13s
+packages are looking for funding
+  run `npm fund` for details
+found 0 vulnerabilities
+</code>
 ===== Modification du fichier de configuration =====
+Dans le fichier ''webpack.config.js'', décommenter la ligne '' .enableSassLoader()''
+<code javascript>
+    // enables Sass/SCSS support
+    .enableSassLoader()
+</code>
+===== Run =====
+Pour voir si tout est OK, lancer la commande ''npm run build''
+<code>
+J:\webprojects\GoldenTicket>npm run build
+> build
+> encore production --progress
+Running webpack ...
+% done plugins FriendlyErrorsWebpackPlugin DONE  Compiled successfully in 21475ms
+:16:13
+files written to public\build
+Entrypoint app 65.7 KiB = runtime.61b1725c.js 1.36 KiB 186.ee345727.js 61.6 KiB app.b75294ae.css 30 bytes app.dd4da228.js 2.69 KiB
+webpack compiled successfully
+</code>