소포 CSS : 새로운 CSS 파서, 변압기 및 미니 파이어, 새로운 CSS 파서

소포 제작자 Devon Govett의 최신 걸작 인 Parcel CSS는 Rust로 작성된 CSS 파서, 컨버터 및 압축기입니다. 이것은 CSS 처리 분야에 상쾌한 활력을 가져옵니다.

몇 주 전, 나는 esbuild : cssbuild 와 유사한 CSS 도구를 구상했습니다. 수입, 패키지 (현재 SASS에 의존)를 처리하고 매우 빠른 속도로 실행할 수 있습니다. 아마도 기존 PostCSS 플러그인이 실행될 수 있도록 PostCSS API와 플러그인 기반이며 호환 될 것입니다. 또한 소스 맵을 생성하고 코드 수정을 만들 수 있으며 Sass를 실행할 수도 있습니다. 이러한 도구는 esbuild 와 같은 CSS 생태계의 활력을 자극 할 수 있습니다.

소포 CSS는 내가 상상했던 것과 가깝지만 현재 포장 기능이없는 것 같습니다 (적어도 독립형이 아님). 새로운 구문이 발명되어야하기 때문입니다. @import (기본 CSS와 동일)를 사용할 때 Sass의 모호성이 교훈이 될 수 있으며, 같은 실수를 반복하고 싶지 않은 사람은 아무도 비난하지 않습니다. 구문을 발명하면 다른 도구 범주로 분류되므로 이것은 까다로운 문제입니다. 그러나 CSS를 작은 파일로 나누고 개발 중에 포장하는 것은 전적으로 소포에 의존하지 않고도 일반적인 관행 (포장 될 수 있음)이기 때문에 그만한 가치가 있다고 생각합니다.

그렇다면 왜 소포 CSS를 사용하여 CS를 처리합니까? 문서에 따르면 이유는 다음과 같습니다.

• CSS 압축
• 벤더 접두사를 자동으로 추가하십시오
• CSS 모듈 처리 (기본이 아닌 클래식 라이브러리)
• 소스 맵을 생성합니다

(AutoPrefixer 및 CSSNANO와 같은 도구가 Project의 package.json 파일에 나타나기 때문에 처음에는 이러한 작업을 수행하기 위해 다른 도구를 활용했다고 생각했지만 Devon의 의견은 소포 CSS가 이러한 도구를 대체 하고 이에 의존하지 않음을 확인합니다.)

킬러 기능도 있습니다! 소포 CSS의 가장 강력한 기능은 "구문 하강"이라고 생각합니다. 즉, Babel이 JavaScript를 처리하는 것처럼 미래의 CSS 기능 (예 : 중첩)을 사용한 다음 브라우저가 이해할 수있는 코드로 처리 할 수 ​​있습니다. 이것은 Postcss-Preset-env의 정신과 유사합니다.

그리고 매우 빠릅니다.

소포 CSS가 생태계가 될 수 있습니까?

가장 큰 문제는 : 소포 CSS가 선호하는 CSS 파서가되면 플러그인을 얻을 수 있습니까? 플러그인을 받으면 PostCSS 플러그인과 같은 강력한 생태계가됩니까?

위 내용은 소포 CSS : 새로운 CSS 파서, 변압기 및 미니 파이어, 새로운 CSS 파서의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!