2013-10-14 4 views
5

Rails 3.2.8로 업그레이드 된 Rails 2.x 응용 프로그램의 기존 CSS 파일이 많아서 스타일 시트에 Rails 자산 파이프 라인을 사용하고 싶습니다. 문제는 코드의 거대한 행, 파일 이름 중복, 조직화되지 않은 폴더 구조와 관련하여 CSS가 엉망입니다.Rails에서 자산 파이프 라인을 사용하도록 CSS를 전환 하시겠습니까?

개별 페이지를보고 개별 스타일 시트와 폴더를 자산 파이프 라인에 추가하고 일부 사이클 디버깅을 소비 한 후에는 더 나은 방법이 있음을 깨달았습니다.

이전 CSS가 자산 파이프 라인 CSS와 일치하는지 테스트하는 방법이 있습니까? CSS 테스트 및 디버깅을위한 훌륭한 도구는 무엇입니까?

+0

RailsCast의이 에피소드를 살펴볼 수도 있습니다. http://railscasts.com/episodes/282-upgrading-to-rails-3-1 또한 3.2.8에서 3.2로 업그레이드하십시오. 보안상의 이유로 최대한 빨리 14 – depa

답변

1

사실 꽤 좋은 질문입니다. 난 단지 wraith라는 하나의 도구를 알고 페이지의 스크린 샷을 찍어 diff를 비교합니다. 설계의 회귀 테스트가 가능합니다. 당신은 모든 페이지에 대한 테스트를해야합니다.

브라우저를 살펴보면 어떤 CSS 선택기가 사용되지 않았는지 확인할 수 있습니다. 페이지 전체에서 사용되지 않는 스타일을 삭제하여 시작할 수 있습니다.

나는 당신이 쓰라린 알약과 리팩터링을해야만한다고 생각한다. sass와 scss가 도움이 될 것입니다.

어떤 시점에서는 깨끗한 슬레이트로 시작하는 것이 더 나을 수도 있습니다. 한 페이지로 시작하여 처음부터 CSS를 만드십시오. 적어도 당신은 어떻게 보일 지 알 것입니다 ...

0

큰 레거시 응용 프로그램과 비슷한 상황에 있습니다.

  • 업그레이드 비활성화 자산 파이프 라인의 최신 레일 3.2.x에 (수행하지만 여전히 현재 테스트) 최신 레일에
  • 업그레이드 : 나는 아직 트란 지션을하지 않은 반면, 여기에 단계 내가 기대하고있어입니다 4.x (버전간에 자산 파이프 라인이 변경 되었기 때문에)
  • 내 CSS 페이지는 모든 페이지에 적용되는 페이지와 페이지 특정 페이지 사이에 나눕니다. 자산 파이프 라인의 경우 모든 페이지에 적용되는 항목 만 포함시키고 파이프 라인을 활성화하십시오.
  • 시간이 지남에 따라 모든 규칙이 첫 번째 범주에 포함될 때까지 페이지 규칙을 전역 규칙에 포함 할 수 있도록 CSS를 다시 작성하십시오.

나는 자산 파이프 라인과 아무런 관련이없는 레일 3.2로 업그레이드 할 때 이점이 있으므로 이점이 있습니다. 충돌없이 모든 페이지에로드되거나로드 될 수있는 CSS 및 JS 파일이 있으므로 해당 단계로 넘어 가야합니다. 나머지 스타일 시트를 전환하는 것은 시간이 지남에 따라 이루어질 수 있으며, 안전하게 작업 할 수 있습니다.

희망이 도움이됩니다. 평범하지 않은 웹 응용 프로그램에서 이런 종류의 전환을 한 사람들로부터 다른 답변을 보는 것을 기대합니다.

관련 문제