postcss/postcss

어떤 프로젝트인가요?

핵심 기능

• 01CSS를 플러그인이 읽고 수정할 수 있는 AST로 파싱합니다.
• 02커뮤니티 및 공식 플러그인 200개 이상을 제공합니다.
• 03Autoprefixer로 벤더 프리픽스를 추가하고 Stylelint로 코드를 검사합니다.
• 04플러그인을 통해 중첩, 압축 및 최신 CSS 문법을 지원합니다.
• 05SCSS, Less, SugarSS와 HTML, Markdown 또는 JS에 포함된 CSS를 읽습니다.

활용 사례

• 빌드 과정에서 CSS에 벤더 프리픽스를 자동으로 추가합니다.
• 팀 코드베이스의 스타일시트를 Stylelint로 린트합니다.
• 구형 브라우저를 지원하면서 최신 CSS 기능을 사용합니다.
• JavaScript 플러그인으로 사용자 지정 CSS 변환을 작성합니다.

빠른 시작

1. 1

   npm으로 PostCSS CLI와 Autoprefixer를 설치합니다

   npm install postcss-cli autoprefixer
2. 2

   autoprefixer 플러그인을 사용해 CSS 파일에 PostCSS를 실행합니다

   postcss --use autoprefixer -o main.css css/*.css

포함된 컬렉션

토픽

자주 묻는 질문

postcss은(는) 무엇인가요?

플러그인으로 CSS를 변환해 린트, 벤더 프리픽스 추가, 중첩, 압축 및 확장에 사용하는 JavaScript 도구입니다. PostCSS는 CSS를 Abstract Syntax Tree로 파싱하고, JavaScript 플러그인이 규칙을 분석하고 수정할 수 있도록 API를 제공합니다. 플러그인을 사용하면 오류를 찾고, 벤더 프리픽스를 추가하고, 변수와 믹스인을 지원하고, 최신 CSS 문법을 트랜스파일하거나 이미지를 인라인할 수 있습니다.

postcss은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

postcss은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.

postcss은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. postcss의 마지막 커밋은 2026년 11월 2일입니다.

postcss은(는) 어디에 사용할 수 있나요?

빌드 과정에서 CSS에 벤더 프리픽스를 자동으로 추가합니다. 팀 코드베이스의 스타일시트를 Stylelint로 린트합니다. 구형 브라우저를 지원하면서 최신 CSS 기능을 사용합니다. JavaScript 플러그인으로 사용자 지정 CSS 변환을 작성합니다.

postcss는 어떻게 설치하나요?

npm으로 PostCSS CLI와 Autoprefixer를 설치합니다: npm install postcss-cli autoprefixer autoprefixer 플러그인을 사용해 CSS 파일에 PostCSS를 실행합니다: postcss --use autoprefixer -o main.css css/*.css

postcss은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/postcss/postcss