Travailler avec les fichier SCSS

• node doit etre installé sur le PC
• le bundle WebPack doit être installé dans le répertoire du projet.

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 –save-dev

J:\webprojects\GoldenTicket>npm install sass-loader node-sass --save-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

Dans le fichier webpack.config.js, décommenter la ligne .enableSassLoader()

    // enables Sass/SCSS support
    .enableSassLoader()

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