Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentes Révision précédente Prochaine révision | Révision précédente | ||
|
prog:symfony:extensions:postcss [11/09/2022 18:27] thierry [Installation] |
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> | <code> | ||
| >npm install postcss-loader autoprefixer --dev | >npm install postcss-loader autoprefixer --dev | ||
| Ligne 13: | Ligne 14: | ||
| found 0 vulnerabilities | found 0 vulnerabilities | ||
| </code> | </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]] | ||