Différences

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

Lien vers cette vue comparative

Prochaine révision
Révision précédente
prog:symfony:extensions:postcss [11/09/2022 18:26]
thierry créée
prog:symfony:extensions:postcss [11/09/2022 18:34] (Version actuelle)
thierry [Modifications]
Ligne 2: Ligne 2:
 ===== Prérequis ===== ===== Prérequis =====
 ===== Installation ===== ===== Installation =====
 +Avec la commande : ''​npm install postcss-loader autoprefixer --dev''​
 +<​code>​
 +>npm install postcss-loader autoprefixer --dev
 +npm WARN config dev Please use --include=dev instead.
 +
 +added 11 packages, and audited 795 packages in 4s
 +
 +80 packages are looking for funding
 +  run `npm fund` for details
 +
 +found 0 vulnerabilities
 +</​code>​
 +
 +===== Modifications =====
 +Crée dans le répertoire du projet un fichier nommé ''​postcss.config.js''​ avec le code suivant :
 +<code javascript>​
 +module.exports = {
 +    plugins: {
 +        autoprefixer:​ {}
 +    }
 +}
 +</​code>​
 +
 +===== Test et build =====
 +Commande ''​npm run build''​
 +<​code>​
 +>npm run build
 +
 +> build
 +> encore production --progress
 +
 +Running webpack ...
 +
 +99% done plugins FriendlyErrorsWebpackPlugin DONE  Compiled successfully in 16271ms
 +                                    18:30:12
 +
 +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>​
 +
 ====== Sources et Ressources ====== ====== Sources et Ressources ======
   * [[https://​symfony.com/​doc/​current/​frontend/​encore/​postcss.html]]   * [[https://​symfony.com/​doc/​current/​frontend/​encore/​postcss.html]]