Tufte-css: 프로젝트에 빌드 추가

이것은 또한 LESS 또는 SCSS와 같은 프로세서를 사용할 가능성을 추가하지만 이 프로젝트의 크기가 매우 작기 때문에 이는 과도할 수 있습니다. 그래서 나는 이것을 정말로 추천하지 않을 것입니다.

축소는 글꼴 파일이 아닌 tufte.css 에만 영향을 미치겠죠?

내 테스트는 ~4kb를 절약하는 것으로 나타났습니다.

제 테스트에서 12172 bytes 바이트에서 7839 bytes 바뀌었습니다. 이것은 많은 것처럼 들리지 않을 수도 있지만 모든 것이 중요합니다. autoprefixer -part 도 이를 최소화하고 유지 관리하는 데 도움이 될 것이라고 생각합니다.

현재 사용하지 않는 공급업체 접두사를 많이 정의하고 있습니다. 이러한 접두사는 Google 및 Firefox의 아주 오래된 버전에서만 사용되며 자체적으로 업데이트되므로 이전 버전을 사용하는 본문은 거의 없습니다. 이것은 CSS 파일을 부풀릴 뿐이며 CSS는 페이지 렌더링에 매우 중요합니다.

글꼴은 영향을 받지 않으며 woff2 는 이미 압축되어 있습니다. 그러나 Google Font 또는 다른 서비스에 존재하는 경우 캐싱을 통해 약간의 이득을 얻을 수 있습니다. 이렇게 하면 다른 사람들이 글꼴에 더 쉽게 액세스할 수 있습니다. 지금 당장 다운로드해야 하지만 CDN(Content Delivery Network)에서 글꼴을 사용할 수 없을 수도 있습니다.

아마도 가장 큰 이점은 웹 사이트의 Critical CSS를 html에 인라인하는 것입니다. 이는 빌드 단계에서도 수행할 수 있지만 스타일을 사용하는 다른 사람들에게는 도움이 되지 않습니다.

많은 웹 프로젝트는 이제 npm을 패키지 관리자로 사용합니다. 빌드 단계와 함께 package.json 파일을 포함하고 패키지를 npm 레지스트리에 게시하면 좋을 것입니다. 이렇게 하면 쉽게 설치, 가져오기 및 업그레이드할 수 있습니다.

@Saturate 방금 귀하의 의견에서 이 부분을 완전히 알아차렸습니다.

현재 사용하지 않는 공급업체 접두사를 많이 정의하고 있습니다. 이러한 접두사는 Google 및 Firefox의 아주 오래된 버전에서만 사용되며 자체적으로 업데이트되므로 이전 버전을 사용하는 본문은 거의 없습니다. 이것은 CSS 파일을 부풀리는 것뿐입니다.

Tuft CSS가 이 작업을 수행하는 위치를 알 수 없습니다. 자동 접두사를 통해 실행하면 일부 background-size 만 삭제됩니다. 여기에 잠재적으로 삭제된 코드가 더 있습니까?