CSS 축소기는 한 가지 일을 잘 수행합니다. 일반적인 번거로움 없이 개발자 도구인 CSS 축소기를 사용할 수 있게 해줍니다. 이를 최대한 활용하는 방법은 다음과 같습니다.
브라우저에서 직접 CSS 축소기를 사용하세요.
이 가이드는 가이드의 용도, 단계별 사용 방법, 누군가가 더 일찍 알려줬으면 좋았을 몇 가지 팁, 사람들이 가장 많이 묻는 질문 등 전체 내용을 안내합니다.
가장 마음에 드는 부분은요? 모든 것이 브라우저에서 바로 실행됩니다. 서버에 아무것도 업로드되지 않으므로 파일은 항상 사용자의 기기에 유지됩니다.
짧은 버전
개발자 도구: CSS 축소기. 이는 극단적인 전문 파이프라인이 아닌 일상적인 작업을 목표로 합니다.
한 가지 일만 하기 때문에 빠릅니다. 열어서 작업을 수행하면 일반적으로 1분 이내에 완료됩니다.
전체 연습은 다음과 같습니다
이 작업은 몇 분 안에 완료됩니다. 진행 방법은 다음과 같습니다.
- 입력하세요. Css Minifier에서 열 수 있습니다.
- 출력을 봅니다.
- 결과를 복사합니다. 탭을 닫기 전에 빠르게 확인해 보세요.
더 나은 결과를 위한 팁
이것은 규칙이 아니라 시간을 절약해 준 것입니다.
- 토큰과 같은 민감한 항목의 경우 로컬에서 실행된다는 점을 기억하되 실제 프로덕션 비밀을 붙여넣지는 마세요.
- 시작하기 전에 원본의 복사본을 보관하세요. 다시 실행하려는 경우 1초 정도 걸리고 시간이 절약됩니다.
- 포맷하기 전에 유효성을 검사하세요. 먼저 구문 오류를 발견하면 나중에 혼란을 줄일 수 있습니다.
- 축소한 항목의 원시 백업을 유지하세요. 축소된 출력은 손으로 편집하기가 어렵습니다.
- 먼저 기본 설정을 사용해 보세요. 가장 일반적인 경우에 맞춰 조정되었으며 언제든지 조정할 수 있습니다.
귀찮은 부분의 문제 해결
여기에는 별 문제가 없습니다. 하지만 생각보다 사람들을 더 많이 혼란스럽게 만드는 요소는 다음과 같습니다.
- 진행 중 새로고침 중입니다. 작업은 브라우저에서 이루어지기 때문에 다시 로드하면 처음부터 다시 시작됩니다.
- 첫 번째 단계에서 완벽함을 기대합니다. 맞지 않으면 옵션 하나를 조정하고 다시 실행하세요. 이는 정상적인 현상입니다.
- 탭을 너무 일찍 닫는 것입니다. 다른 곳으로 이동하기 전에 완료되도록 하세요. 특히 연결 속도가 느린 경우에는 더욱 그렇습니다.
- 잘못된 버전의 파일을 업로드합니다. 이전 탭을 닫고 먼저 파일 이름을 다시 확인하세요.
유용한 위치
입력이 어떻게 출력으로 매핑되는지 즉시 확인하고 싶은 코딩을 배우는 사람.
개발자가 API 응답 또는 구성 파일을 즉시 디버깅합니다.