Magento2: Ponownie wygeneruj plik css w folderze pub / static

Zainstalowałem Magento 2 i ustawiłem tryb programisty, a następnie zainstalowałem jeden moduł zawierający pliki css i js. Moduł działa dobrze, a pliki css i js są renderowane z folderu pub / static. Teraz dokonałem zmian css w pliku css katalogu modułu i uruchom polecenie

php bin/magento setup:static-content:deploy

ale Magento nie wprowadza nowych zmian w plikach css pub / static, więc otrzymuję starą zawartość pliku css. Czy ktoś wie, jak zregenerować cały plik css w folderze pub / static?

Przed usunięciem pub / static wykonaj kopię zapasową pub / static / .htaccess i przywróć ją ponownie. w przeciwnym razie wszystkie css i js pokażą błąd 404!

1. Usuń pub/static[Zachowaj kopię zapasową pliku .htaccess i skopiuj go ponownie]
   2. Usunąć var/cache
   3. Usunąć var/composer_home
   4. Usunąć var/generation
   5. Usunąć var/page_cache
   6. Usunąć var/view_preprocessed
   7. biegać php bin/magento setup:static-content:deploy

odpowiedzi tutaj nie wspominają, że nie należy usuwać pliku .htaccess w folderze pub / static.

aby usunąć wszystkie pliki oprócz .htacces, wejdź do katalogu pub / static i uruchom

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

wtedy możesz biec

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

Właśnie usunąłem pliki css z pub/staticfolderu i uruchom polecenie:

php bin/magento setup:static-content:deploy

Wygeneruje ponownie ten sam plik z najnowszymi zmianami.

Ponieważ pytanie dotyczy js and cssaktualizacji w Magento 2 w trybie programisty .

1. Aktualizacja JS w twoim szanowanym module, przed odświeżeniem strony pub/static/frontend/namespace/theme/ ... module/js/...usuń ten sam plik , aby po odświeżeniu strony wygenerować nowy plik JS w folderze pub.
2. Aktualizując CSS w swoim szanowanym module, wykonaj pkt 1.
3. Aktualizacja mniejszego pliku

Ustaw motyw w Magento ...\dev\tools\grunt\configs\themes.js

Sklonuj dowolny motyw przykładowy luma do motywu i nadaj nazwę przypuszczając, że xyz

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

W folderze głównym zmień nazwę pliku: Gruntfile.js.sample na Gruntfile.js

W folderze głównym zmień nazwę pliku: package.json.sample na package.json

Musisz mieć chrząknięcie w folderze witryny, w przeciwnym razie zainstaluj za pośrednictwem npm

Otwórz wiersz polecenia z uprawnieniami administratora

Przejdź do folderu witryny w CMD i kliknij polecenie Hit grunt exec:themepo raz pierwszy po wdrożeniu motywu

Wtedy za grunt less:theme każdym razem, gdy wprowadzimy jakieś zmiany w mniejszym stopniu

Jeśli robisz często zmiany w mniejszym użyciu grunt watch, to automatycznie trafigrunt less:theme

Uwaga: może pojawić się błąd Symlink, więc przejdź do pliku .../app/etc/di.xmli skomentuj lub usuń kod (poniżej kodu) w tobie aż do zakończenia programowania, nie wypychaj skasowanego kodu tego pliku na serwer, jest on wymagany tylko lokalnie, jeśli to konieczne.

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

Prosty sposób 1

W Administratorze Magento. Idź do System > Tools > Cache Managementi kliknij Opróżnij pamięć podręczną plików statycznych .

Prosty sposób 2

Jeśli właśnie zmieniłeś plik css, który już istnieje , musisz po prostu usunąć odpowiedni plik pub/static, a następnie po odświeżeniu strony wygeneruje on nową wersję pliku css. Działa w trybie programisty .

Ogłoszenie

1. Podczas tworzenia nowego pliku, zamiast modyfikowania istniejącego pliku, może być konieczne, aby wyczyścić pamięć podręczną php bin/magento cache:flush.

2. Tryb domyślny i tryb programisty nie wymagają wdrażania plików widoku statycznego , ponieważ pliki statyczne są generowane dynamicznie, a nie materializowane. (Odniesienia: Informacje o trybach Magento )

3. W trybie produkcyjnym możesz także potrzebować, php bin/magento setup:static-content:deploya php bin/magento cache:flushja nie próbuję jeszcze trybu produkcyjnego .

Ok, więc na podstawie tego, co przeczytałem w różnych innych postach i moim osobistym doświadczeniem jest proces regeneracji CSS lub dowolnej zawartości statycznej:

php bin/magento setup:upgrade

Spowoduje to wymazanie wszystkich niezbędnych plików pamięci podręcznej / generacji / etc bez usuwania wszystkiego, czego faktycznie potrzebujesz.

php bin/magento setup:di:compile

Spowoduje to ponowne skompilowanie plików. W końcu:

php bin/magento setup:static-content:deploy

Po ostatnim poleceniu wszystko powinno być nowe i świeże, wystarczy odświeżyć stronę.

----- Notatki ------

1) Zanim to zrobisz, upewnij się, że Twoje uprawnienia do plików i właściciel: grupa użytkowników są ustawione poprawnie, być może będziesz musiał porozmawiać o nich z administratorem systemu.

2) Jeśli polecenie setup: upgrade nie powiedzie się, może usunąć pliki i nie będzie możliwe zapisanie nowych, tak jak w moim przypadku z powodu uprawnień do plików. Może to uszkodzić twoją witrynę, po prostu usunąć uprawnienia, a następnie ponownie uruchomić polecenie.

3) Nie znalazłem (jak dotąd) sposobu ponownej kompilacji określonego motywu lub pliku (byłby bardzo pomocny, gdyby ktoś znalazł sposób) bez pisania całkowicie niestandardowego skryptu

Jeśli ktoś wie o czymś lepszym, daj mi znać, ponieważ 12 minut kompilacji plików, ponieważ musiałem wprowadzić pewne zmiany css, jest bardzo kiepskim projektem w moich oczach.

--- Edytować ---

Magento 2 ma w sobie Grunta, co sprawia, że ​​odświeżanie plików CSS / LESS jest nieskończenie łatwiejsze, jeśli poświęcisz trochę czasu na jego skonfigurowanie. Większość plików istnieje, ponieważ pliki .sample po prostu usuwają rozszerzenie .sample, skonfiguruj plik themes.js w folderze / dev / tools / grunt / configs. Następnie, gdy musisz odświeżyć swoje MNIEJ pliki, po prostu uruchom pomruk mniej: - motyw - z wiersza poleceń.

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

nie zapomnij uruchomić grunt exec:theme, grunt less:themepoleceń, gdzie themejest tematem masz zadeklarowane w themes.jspliku z folderu config chrząknięcia (to wszystko jest w podręczniku programisty) i kiedy masz Magento w trybie dewelopera nie należy uruchamiać polecenia statycznego wdrożyć, Magento2pracuje zSymlinks

Uruchom następujące polecenia w folderze głównym 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/

Jest jedna ważna uwaga na temat tego pytania, której większość odpowiedzi wyraźnie nie wskazuje. W twoim przypadku (z konfiguracją, której używasz) powodem, dla którego twoje zmiany CSS nie są zauważane podczas ponownego generowania CSS do pub/staticfolderu, jest to, że nie usuwasz zawartości var/view_preprocessedreżysera. Wewnątrz tego katalogu znajdują się buforowane wersje Twojego CSS, które są pobierane do pub/staticfolderu po uruchomieniu php bin/magento setup:static-content:deploypolecenia.

Dlatego podczas ponownej kompilacji Magento najpierw sprawdzi var/view_preprocessedfolder w pamięci podręcznej CSS. Jeśli ten folder jest pusty, przejrzy pliki motywów i ściągnie ten CSS do kompilacji.

Te ustawienia są konfigurowalne, więc istnieje wiele sposobów na dotarcie do miejsca docelowego, które zmienią ścieżkę, którą musisz wybrać. Ale w celu rozwiązania określonej konfiguracji:

1. Usuń pliki z pub/staticfolderu:rm -rf pub/static/*

2. Usuń pliki z var/view_preprocessedfolderu:rm -rf var/view_preprocessed/*

3. Ponownie skompiluj folder statyczny publikacji: php bin/magento setup:static-content:deploy

4. Wyczyść pamięć podręczną, jeśli jest włączona: php bin/magento cache:clean

5. Odśwież przeglądarkę.

Usuń folder zawierający motyw w
pamięci podręcznej pub / static / frontend wyczyść Pamięć podręczną
można wykorzystać do obejrzenia zastosowania arkuszy stylów. Przeczytaj tutaj

1. Usuń elektrostat z pubu.
2. Daj pub/static777 pozwolenie
3. Wyczyść pamięć podręczną.
4. Biegać: php bin/magento setup:static-content:deploy

Zobaczysz nowy css.

UWAGA:

Daj odpowiednie uprawnienia do folderu i pliku.

Mam nadzieję, że to Ci pomoże.

Nie możesz po prostu opróżnić statycznej pamięci podręcznej w panelu administracyjnym, a następnie

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

Upewnij się, że używasz trybu programisty.

Następnie wykonaj następujący kod:

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

Odśwież stronę z interfejsem. Te kroki rozwiązały mój problem.

Możesz jednak dodać flagę -flub --forcedo polecenia setup.

Przykład:

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

Upuszczę tutaj moją kroplę mądrości.

Używam cache_fly.shskryptu bash, który zasadniczo:

#!/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"

UWAGA: Dodałem echo, aby pokazać mi, ile czasu w moim życiu zmarnowałem czekając na jego uruchomienie. Również ./magentojest skrypt do zrobienia php bin/magentolub zadzwoń samo wewnątrz pojemnika Döcker, jeśli jest stosowany doker można zrobić swoje lub punkt php bin/magento, ale jeśli czytasz to należy wiedzieć, co mówię, a jeśli nie, należy uruchomić z prośbą o pomoc.

Mała adaptacja do mojej skrzynki

#!/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"