====== Travailler avec les fichier SCSS ======
===== Prérequis =====
  * **node** doit etre installé sur le PC
  * le [[prog:symfony:extensions:webpack|bundle WebPack]] doit être installé dans le répertoire du projet.

===== 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

76 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 ...

99% done plugins FriendlyErrorsWebpackPlugin DONE  Compiled successfully in 21475ms
                                    18:16:13

5 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>