NPM 폐허 dev

2020 년에 나는 순수한 HTML, CSS 및 JavaScript로 웹 사이트를 구축하는 기쁨을 재발견했습니다. 번역이나 편집이 필요하지 않은 빌드 도구는 키보드였습니다.

내 개인 브랜드는“게임에 참여하기에는 너무 늦었고 경기장이 제거되었습니다”로 요약 될 수 있으므로 2020 년에 팟 캐스트를 시작하기로 결정했습니다. 이것은 회사의 팟 캐스트로 매우 상상력이 풍부한 이름 인 "Clearleft Podcast"입니다. 나는 첫 시즌의 결과와 내가 만든 웹 사이트에 매우 만족합니다.

웹 사이트의 크기는 크지 않지만 시간이 지남에 따라 성장하고 성장할 것입니다. 나는 웹 사이트 건설 과정에 대해 생각했고, 몇 초 동안 사고를 한 후에는 "빌드 프로세스 없음"을 채택하기로 결정했습니다. 영. 아무것도 없습니다.

이것은 매우 해방된다는 것이 밝혀졌습니다. 중간 링크없이 최종 사용자에게 전달 될 HTML 및 CSS를 쉽게 작성할 수 있으며 매우 유용합니다. 나는 내 손으로 웹 사이트의 토양에서 일하고있는 것 같습니다.

CSS는 최근 몇 년 동안 calc() 및 사용자 정의 속성과 같은 많은 개발을 해왔으므로 Sass와 같은 전처리기를 사용할 필요가 없습니다. 기본 JavaScript는 강력하고 완벽하게 작동하며 편집없이 모든 브라우저에서 실행할 수 있습니다.

나를 잘못 이해하지 마십시오. 복잡한 웹 사이트에 복잡한 빌드 프로세스가 필요한 이유를 완전히 이해합니다. 대규모 팀의 일원이라면 모든 사람이 일관된 방식으로 코드 기반에 기여할 수 있도록 프로세스를 개발해야 할 수도 있습니다. 코드 기반이 더 복잡할수록 코드가 실시되기 전에 작업을 자동화하고 오류를 잡을 수 있도록 기술이 더 많아집니다.

그러나이 설정이 모든 웹 사이트에서 작동하지는 않습니다. 시간을 절약하도록 설계된 이러한 모든 도구와 프로세스는 때때로 나중에 더 많은 시간을 낭비하게됩니다. 6 개월 또는 12 개월 후에 프로젝트를 다시 방문한 적이 있습니까? 아마도 당신은 당신의 CSS에 약간의 변화를 원할 것입니다. 그러나 의존성이 손상 되었기 때문에 할 수 없습니다. 그래서 당신은 그것을 업데이트하려고합니다. 그러나 다른 버전의 노드에 따라 다릅니다. 당신은 Brian Cranston이 전구를 바꾸는 것과 같다는 것을 알고 있습니까? 한 줄의 CSS 만 조정해야하지만 엔트로피와 싸우는 것입니다.

프론트 엔드 개발의 문제를 다룰 때마다 최소한의 역량 원칙을 적용하고 싶습니다. 특정 목적으로 가장 강력한 언어를 선택하십시오. 전형적인 예는 많은 ARIA 및 JavaScript가있는 DIV를 사용하여 버튼의 모든 기본 기능을 재현하는 대신 간단한 HTML 버튼 요소를 사용하는 것입니다. 올해, 나는 같은 원칙이 도구 구축에 적용된다는 것을 깨달았습니다.

기본적으로 완전히 기능적인 도구 체인을 사용하지 않지만 지루한 기준으로 시작합니다. 너무 고통 스럽거나 서투른 경우 작업 관리자를 추가하겠습니다. 그러나 종속성을 추가 할 때마다 프로젝트의 수명주기를 제한합니다.

2021 년 새해 계획은 다이어트입니다. 더 큰 node_modules 폴더는 없습니다. 간단하고 맛있는 HTML, CSS 및 JavaScript 만 있습니다.

위 내용은 NPM 폐허 dev의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!