웹 사이트 | 구성 | 규칙
EC0Lint는 개발 프로세스 중에 웹 사이트의 탄소 발자국을 줄이는 방법에 대한 힌트를 사용자에게 제공하는 정적 코드 분석 도구입니다. EC0LINT가 제안한 코드 변경을 적용하면 방문 당 탄소 배출량이 낮아지고 빠르게 적재 및 공간 효율이 높아집니다. 이 도구는 오픈 소스이며 커뮤니티 중심입니다.
매일 25 만 개가 넘는 웹 사이트가 게시되고 있다는 것을 알고 있습니까?
대다수는 너무 무거운 글꼴, 너무 크거나 불필요한 이미지를 사용하거나 중복 라이브러리를 사용합니다. 이러한 요인들은 탄소 발자국을 생성합니다. 실제로, 평균 웹 사이트의 한 가지 견해는 1.8g의 CO2를 방출하여 연간 최대 216kg의 CO2를 요약합니다. 불행히도 현재 솔루션은 이미 기존 웹 사이트 만 최적화합니다.
EC0LINT는 웹 사이트의 탄소 발자국을 완화하는 프론트 엔드 개발자를위한 도구입니다. 보다 기후 친화적 인 코드를 만드는 방법을 조언하는 팁을 보여줍니다. 코드 최적화 덕분에 EC0LINT는 연간 1.8 g에서 ~ 0.2g으로 한 뷰 당 CO2 배출량을 매년 198kg CO2 (-88%!)로 줄이는 데 도움이 될 수 있습니다.
도구는 사용자 정의되며 분석 중에 적용되는 각 규칙은 오류가 아닌 힌트로 조정되거나 힌트로 취급 될 수 있습니다. 이러한 유연성을 통해 개발자는 EC0Lint의 중단없이 목표를 달성 할 수 있으며 동시에 가능한 개선에주의를 기울입니다.
노드가 설치되어 있는지 확인하십시오
EC0LINT 다운로드 :
npm i ec0lint ec0lint-style ec0lint-style-config-recommended
프로젝트 구성 :
npm init @ec0lint/config
다음 내용으로 프로젝트의 루트에 .ec0lint-stylerc.json 구성 파일을 만듭니다.
{ "extends": "ec0lint-style-config-recommended" }
npm i ec0lint ec0lint-style ec0lint-style-config-recommended-scss
프로젝트 구성 :
npm init @ec0lint/config
다음 내용으로 프로젝트의 루트에 .ec0lint-stylerc.json 구성 파일을 만듭니다.
{ "extends": "ec0lint-style-config-recommended-scss" }
npm i ec0lint ec0lint-style ec0lint-style-config-postcss
프로젝트 구성 :
npm init @ec0lint/config
다음 내용으로 프로젝트의 루트에 .ec0lint-stylerc.json 구성 파일을 만듭니다.
{ "extends": "ec0lint-style-config-postcss" }
React 플러그인 설치 (또는 NPM Init 사용) :
npm i ec0lint-plugin-react
.ec0lintrc.json 구성 파일에 추가하십시오.
"extends": [
"ec0lint:recommended",
"plugin:react/recommended"
]
터미널을 분할하고 실행하십시오.
npx ec0lint-style "**/*.scss" npx ec0lint .
친환경 웹 사이트를 구축합시다!
V1.0.0- 6 월 -MVP
v2.0.0- 10 월 -CO2 모듈 + 반응 플러그인
v2.1.0-1 월 -20 개의 규칙 구현, 15 개의 고유 한 규칙
? v3.0.0- 4 월 -IDE 플러그인 + 리소스 스캔
v4.0.0 -June- 타입 스크립트 플러그인
v5.0.0- 9 월 -CI/CD 보고서
다음:
전설:
기여하고 싶다면 저희에게 편지를 보내고 코딩을 시작하십시오!
표시된 작업을 볼 수 있습니까? 또는 우리의 문제 (https://github.com/ec0lint/ec0lint/issues)에서 귀하를위한 작업을 검색하십시오.
감사합니다!
우리는 EC0LINT 개선에 대한 협력에 개방되어 있으며 도구에 대한 모든 기여와 피드백에 대해 매우 감사합니다. 우리와 함께 지속 가능한 디지털 환경을 만들어 주셔서 감사합니다!
컨텍스트 : [email protected]