PostCSS

Creator

Creator

Seonglae Cho

Created

Created

2021 Jul 3 13:58

Editor

Editor

Seonglae Cho

Edited

Edited

2022 Jul 22 14:14

Refs

Refs

tool for transforming styles with JS plugins

static error checking

가장 최근에 등장한 plugin framework

JS 플러그인을 사용하여 CSS를 변환

css in js 나 class기반이 아니다 보니 동적 컨트롤이 힘들다는 단점

PostCSS Notion

PostCSS Usages

Transform CSS with the power of JavaScript. Auto-prefixing, future CSS syntaxes, modules, linting and more are possible with hundreds of PostCSS plugins.

https://postcss.org/

JS로 Transcompile되는 CoffeeScript나 TypeScript같이, CSS를 편하게 작성하기 위한 새로운 문법 역시 지속적으로 제시되어왔다. Sass가 있었고, less, stylus도 있다. 그중 가장 최근에 등장한 PostCSS를 알아보자. PostCSS는 JS 플러그인을 사용하여 CSS를 변환시키는 툴입니다. 이런 플러그인을 사용하여 lint, 변수, mixin을 사용하거나, 인라인 이미지 또는 미래의 CSS 문법을 사용할 수 있습니다.

https://fourwingsy.medium.com/postcss-%EC%86%8C%EA%B0%9C-727310aa6505

PostCSS 소개

Recommendations

//////////