Przełączanie CSS, aby użyć potoku aktywów w Railsach?

Question

Mam wiele starszych plików CSS z aplikacji Rails 2.x, która została uaktualniona do wersji Rails 3.2.8, i chcę przełączyć się do korzystania z potoku zasobów Rails dla arkuszy stylów. Problem polega na tym, że elementy CSS są niechlujne pod względem ogromnych linii kodu, zduplikowanych nazw plików i niezorganizowanej struktury folderów.

Po przejrzeniu poszczególnych stron i próbie dodania poszczególnych arkuszy stylów i folderów do potoku zasobów i spędzenia kilku debugowania cykli, zdałem sobie sprawę, że prawdopodobnie istnieje lepsze podejście.

Czy istnieje sposób na sprawdzenie, aby stary CSS pasował do kodu CSS potoku? Jakie są dobre narzędzia do testowania i debugowania CSS?

Answer 1

to właściwie całkiem dobre pytanie. Po prostu wiem o jednym narzędziu o nazwie wraith, które wykonuje zrzuty ekranu twojej strony i porównuje je. co pozwala na testowanie regresji twojego projektu. musisz jednak wykonać test dla każdej strony.

Jeśli zajrzysz do przeglądarki, możesz również zobaczyć, które selektory css nie są używane. możesz zacząć od usunięcia stylów, które nie są używane na twojej stronie.

Sądzę, że będziesz musiał wziąć gorzką pigułkę i stopniowo zrestrukturyzować swoje css. sass i scss mogą ci w tym pomóc.

w pewnym momencie może jednak lepiej zacząć od czystej tablicy. zacznij od jednej strony i utwórz css od zera. przynajmniej wiesz, jak to musi wyglądać ...

Answer 2

Mam podobną sytuację z dużą starszą aplikacją. Chociaż nie dokonały jeszcze SLAJDU, tutaj są kroki mam przewidywanie:

• Uaktualnienie do najnowszej 3.2.x Rails z rurociągu aktywów niepełnosprawności (wykonanej ale nadal kontrolno teraz)
• upgrade do najnowszych Rails 4.x (ponieważ potok aktywów zmieniał się między wersjami)
• Podziel moje strony css między tymi, które dotyczą każdej strony, a tymi, które są specyficzne dla strony. W przypadku potoku aktywów uwzględnij TYLKO te, które dotyczą każdej strony i aktywuj potok.
• Po pewnym czasie przepisz CSS, aby reguły dotyczące strony mogły zostać włączone do reguł globalnych, dopóki wszystko nie znajdzie się w pierwszej kategorii.

Widzę zalety aktualizacji do szyn 3.2, które nie mają nic wspólnego z potokiem aktywów, więc to wygrana. Mam wiele plików CSS i JS, które są (lub mogą) ładowane na każdej stronie bez konfliktów, więc dojście do tego etapu powinno być ulepszeniem. Przejście pozostałych arkuszy stylów może być wykonane z czasem i, miejmy nadzieję, w bezpieczny sposób.

Mam nadzieję, że to pomoże. Czekam z niecierpliwością na wszelkie inne odpowiedzi od osób, które dokonały tego rodzaju przejścia na mniej banalną aplikację internetową.