Magento2: Re générer un fichier css dans un dossier pub / static

J'ai installé Magento 2 et défini le mode développeur, puis j'ai installé un module contenant des fichiers css et js. Le module fonctionne bien et les fichiers css et js sont rendus à partir du dossier pub / static. Maintenant, j'ai apporté des modifications css au fichier css du répertoire du module et à l'exécution de la commande

php bin/magento setup:static-content:deploy

mais Magento ne fait pas mes nouvelles modifications dans les fichiers css pub / static, donc je récupère le contenu des anciens fichiers css. Est-ce que quelqu'un sait comment régénérer le fichier css entier dans le dossier pub / static?

Avant de supprimer pub / static, sauvegardez pub / static / .htaccess et restaurez-le. sinon, tous vos css et js afficheront une erreur 404!

1. Supprimer pub/static[Gardez le fichier .htaccess sauvegardé et copiez-le à nouveau]
   2. Retirer var/cache
   3. Retirer var/composer_home
   4. Retirer var/generation
   5. Retirer var/page_cache
   6. Retirer var/view_preprocessed
   7. courir php bin/magento setup:static-content:deploy

les réponses ici ne mentionnent pas que vous ne devriez pas supprimer le .htaccess dans le dossier pub / static.

pour supprimer tous les fichiers sauf les .htacces, entrez dans le répertoire pub / static et exécutez

find . -depth -name .htaccess -prune -o -delete

alors vous pouvez courir

rm -rf var/cache/ var/generation/ var/page_cache/ var/view_preprocessed/ 

Je viens de supprimer les fichiers css du pub/staticdossier et exécuter la commande:

php bin/magento setup:static-content:deploy

Il générera le même fichier avec les dernières modifications.

Comme la question est pour la js and cssmise à jour dans Magento 2 en mode développeur .

1. Mettre à jour le JS dans votre module respecté, avant d'actualiser la page du même fichier depuis le pub/static/frontend/namespace/theme/ ... module/js/...supprimer, afin qu'après le rafraîchissement de la page, un nouveau fichier JS soit généré dans le dossier pub.
2. Mise à jour du CSS dans votre module respecté, faites le pt 1.
3. Mise à jour du fichier Less

Thème d'installation dans magento ...\dev\tools\grunt\configs\themes.js

Cloner un thème, par exemple, un thème luma sur votre thème et attribuer un nom, supposons xyz

xyz: {
        area: 'frontend',
        name: 'Magento/luma',
        locale: 'en_US',
        files: [
            'css/styles-m',
            'css/styles-l'
        ],
        dsl: 'less'
    }

Dans le dossier racine, changez le nom du fichier: Gruntfile.js.sample en Gruntfile.js

Dans le dossier racine, changez le nom du fichier: package.json.sample en package.json

Besoin d'avoir Grunt dans votre dossier de site sinon installer via NPM

Ouvrir une invite de commande avec l' autorisation de l'administrateur

Aller au dossier du site dans CMD et appuyer sur la commande grunt exec:themepour la première fois après le déploiement du thème

Puis grunt less:theme chaque fois si nous faisons des changements en moins

Si vous faites fréquemment des changements en moins d’utilisation grunt watch, il sera automatiquement touchégrunt less:theme

Remarque: vous pouvez obtenir une erreur Symlink . Allez dans le fichier .../app/etc/di.xmlet commentez ou supprimez le code (sous le code) dans votre développement local, ne transmettez pas le code chnaged de ce fichier au serveur, il n’est requis que si nécessaire.

<item name="view_preprocessed" xsi:type="object">Magento\Framework\App\View\Asset\MaterializationStrategy\Symlink</item>

Manière simple 1

Dans l’administrateur de Magento. Accédez à System > Tools > Cache Managementet cliquez sur Vider le cache de fichiers statiques .

Manière simple 2

Si vous venez de modifier le fichier css qui existait déjà , vous devez simplement supprimer le fichier correspondant pub/static, puis, lorsque vous actualisez la page, le nouveau fichier css sera généré. Cela fonctionne en mode développeur .

Remarquer

1. Lorsque vous créez un nouveau fichier, plutôt que de modifier un fichier existant, vous devrez peut-être également vider le cache php bin/magento cache:flush.

2. Le mode par défaut et le mode développeur n'ont pas besoin de déployer des fichiers de vue statique , car les fichiers statiques sont générés de manière dynamique plutôt que matérialisés. (Référence: À propos des modes Magento )

3. En mode production , vous aurez peut-être aussi besoin de, php bin/magento setup:static-content:deployet php bin/magento cache:flushje n’essaye pas encore en mode production .

Ok, donc, sur la base de ce que j'ai lu dans divers autres articles et de mon expérience personnelle, voici le processus de régénération du CSS ou de tout contenu statique:

php bin/magento setup:upgrade

Cela effacera tous les fichiers de cache / génération / etc nécessaires sans supprimer tout ce dont vous avez réellement besoin.

php bin/magento setup:di:compile

Cela recompilera ensuite les fichiers. Enfin:

php bin/magento setup:static-content:deploy

Après la dernière commande, tout devrait être nouveau et frais, actualisez simplement votre page.

----- Remarques ------

1) Assurez-vous que vos autorisations de fichiers et votre propriétaire: le groupe d'utilisateurs est configuré correctement avant de procéder. Vous devrez peut-être en parler avec votre administrateur système.

2) Si votre commande setup: upgrade échoue, cela pourrait effacer les fichiers et être incapable d’écrire les nouveaux, comme ce fut mon cas en raison des autorisations accordées. Cela peut endommager votre site. Il vous suffit de repasser les autorisations, puis de relancer la commande.

3) Je n'ai pas trouvé (jusqu'à présent) un moyen de ne recompiler qu'un thème ou un fichier spécifique (ce serait très utile si quelqu'un trouve un moyen) sans écrire un script entièrement personnalisé.

Si quelqu'un sait quelque chose de mieux, faites-le-moi savoir, car 12 minutes de compilation de fichiers, car je devais apporter des modifications CSS, est extrêmement médiocre à mes yeux.

--- Modifier ---

Grento est lié à Magento 2, ce qui facilite infiniment l'actualisation des fichiers CSS / LESS si vous prenez le temps de le configurer. La plupart des fichiers sont là en tant que fichiers .sample, il suffit de supprimer l’extension de fichier .sample, de configurer le fichier themes.js dans le dossier / dev / tools / grunt / configs. Ensuite, lorsque vous devez actualiser vos fichiers LESS, vous exécutez simplement grunt less: - theme-- à partir de la ligne de commande.

Ressource: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/css-topics/css_debug.html

ne pas oublier d'exécuter les grunt exec:theme, grunt less:themecommandes où themeest le thème que vous avez déclaré dans le themes.jsfichier à partir du dossier de configuration de grognement (tout cela est dans le guide du développeur) et quand vous avez magento en mode développeur vous ne devriez pas exécuter la commande deploy statique, Magento2marche avecSymlinks

Exécutez ces commandes sur votre dossier racine Magento :

alias mage="php -d memory_limit=-1 -f bin/magento"

chmod -R 775 pub/static/ var/ pub/media/ &&
rm -rf var/view_preprocessed/ var/cache/ var/page_cache/ var/tmp/ var/generation/ pub/static/frontend/ ;
mage cache:flush &
mage indexer:reindex &
mage setup:upgrade &&
mage setup:static-content:deploy ; 
mage setup:db-data:upgrade &&
mage dev:source-theme:deploy &&
chmod -R 775 pub/static/ pub/media/ var/

Il y a une remarque importante à faire à propos de cette question que la plupart des réponses n'indiquent pas spécifiquement. Dans votre cas (avec la configuration que vous utilisez), la raison pour laquelle vos modifications CSS ne sont pas prises en compte lorsque vous régénérez le CSS dans le pub/staticdossier est que vous ne supprimez pas le contenu du var/view_preprocesseddirecteur. Dans ce répertoire, vous trouverez une version en cache de votre CSS qui s’affiche dans le pub/staticdossier lorsque vous exécutez la php bin/magento setup:static-content:deploycommande.

Ainsi, lors de la recompilation, Magento recherchera d'abord le var/view_preprocesseddossier contenant le CSS mis en cache. Si ce dossier est vide, il recherchera les fichiers de thème et extraira ce CSS pour la compilation.

Ces paramètres sont configurables. Il existe donc de nombreuses façons d’arriver à votre destination qui changeront le chemin à suivre. Mais pour la solution à votre configuration spécifique:

1. Supprimez les fichiers du pub/staticdossier:rm -rf pub/static/*

2. Supprimez les fichiers du var/view_preprocesseddossier:rm -rf var/view_preprocessed/*

3. Recompiler le dossier statique de publication: php bin/magento setup:static-content:deploy

4. Effacer le cache est activé: php bin/magento cache:clean

5. Actualisez le navigateur.

Supprimez le dossier qui contient votre thème dans le
cache transparent pub / static / frontend.
Vous pouvez utiliser grunt pour regarder les feuilles de style appliquées. Lire ici

1. Supprimez les charges statiques
2. Donne la pub/staticpermission à 777
3. Vider le cache.
4. Courir: php bin/magento setup:static-content:deploy

Vous verrez de nouveaux css.

REMARQUE:

Donnez les droits de dossier et de fichier appropriés.

J'espère que cela t'aidera.

Ne pourriez-vous pas simplement vider le cache statique dans le panneau d'administration, puis

run php bin/magento setup:static-content:deploy

Assurez-vous que vous utilisez le mode développeur.

Puis exécutez le code suivant:

chmod -R 777 var generated pub/static
grunt exec:default
grunt less:your_theme_name

Actualiser la page d'accueil, Ces étapes ont résolu mon problème.

Cependant, vous pouvez ajouter l' indicateur -fou --forceà la commande d'installation.

Exemple:

php bin/magento setup:static-content:deploy -f

Je vais déposer ma gouttelette de sagesse ici.

J'utilise un cache_fly.shscript bash qui fait essentiellement:

#!/bin/bash
start=`date +%s%N`
./magento setup:upgrade && \ 
./magento cache:flush && \ 
./magento setup:static-content:deploy -f
end=`date +%s%N`
runtime=$(bc <<< "scale=9;($end-$start)/1000000000")
echo "" && echo "" && echo -e "\e[34mTOTAL EXECUTION TIME: \e[1m\e[93m$runtime\e[0m"

NOTE: J'ai ajouté un écho pour me montrer combien de fois de ma vie j'ai perdu à attendre que ça fonctionne. Est également ./magentoun script à faire php bin/magentoou à appeler la même chose à l'intérieur du conteneur de docker, si docker est utilisé, vous pouvez indiquer le vôtre, php bin/magentomais si vous lisez ceci, vous devez savoir de quoi je parle, sinon, lancez la requête pour aider.

Petite adaptation pour mon cas

#!/bin/bash
start=`date +%s%N`
chmod -R 775 pub/static/ var/ pub/media/ && \
rm -rf var/view_preprocessed/* var/cache/* var/page_cache/* var/tmp/* var/generation/* pub/static/frontend/* && \
./magento cache:flush && \
./magento setup:upgrade && \
./magento cache:clean && \
./magento s:s:d es_ES en_US -f && \
./magento setup:di:compile && \
chmod -R 775 pub/static/ pub/media/ var/
end=`date +%s%N
runtime=$(bc <<< "scale=9;($end-$start)/1000000000")
echo "" && echo "" && echo -e "\e[34mTOTAL EXECUTION TIME: \e[1m\e[93m$runtime\e[0m"