React 스캐폴딩에는 다음이 포함됩니다. 1. Next.js; 4. nwb; 6. Neutrino;
이 튜토리얼의 운영 환경: Windows 7 시스템, 반응 버전 17.0.1, Dell G3 컴퓨터.
1.1. 프론트엔드 엔지니어링의 복잡성
몇 가지 작은 데모 프로그램만 개발한다면 몇 가지 복잡한 문제를 고려할 필요가 없습니다.
예를 들면 , 디렉토리 구조를 구성하고 나누는 방법
예를 들어, 파일 간의 상호 종속성을 관리하는 방법
예를 들어, 타사 모듈의 종속성을 관리하는 방법; 프로젝트를 출시하기 전에 압축하고 패키징하는 방법
잠깐...
최신 프런트 엔드 프로젝트는 점점 더 복잡해졌습니다.
더 이상 여러 CSS 파일, 여러 작성된 js를 도입하지 않습니다. 파일 또는 타사 js 파일을 HTML로 변환 매우 간단합니다.
예를 들어, CSS는 less 및 sass와 같은 전처리기를 사용하여 작성될 수 있으며, 브라우저에서 구문 분석하려면 이를 일반 CSS로 변환해야 합니다. 예를 들어 JavaScript 코드는 더 이상 몇 개의 파일로 작성되지 않고 모듈화를 통해 수백 또는 수천 개의 파일로 구성됩니다. 많은 타사 라이브러리에 의존하고 이를 더 잘 관리하는 방법(예: 종속성 관리, 버전 업그레이드 등)
위 문제를 해결하려면 몇 가지 도구를 더 배워야 합니다.
바벨, 웹팩, 꿀꺽꿀꺽. 변환 규칙, 패키징 종속성, 핫 업데이트 등을 구성합니다.
프로젝트를 시작하기 전에 일련의 엔지니어링 문제에 직면하게 됩니다.
프로그래밍에서 언급되는 비계는 실제로 프로젝트의 엔지니어링 구조를 빠르게 생성하는 데 도움이 되는 도구입니다.
프로젝트마다 완성 효과가 다르지만 기본 엔지니어링 구조는 비슷합니다.
비슷하기 때문에 매번 할 필요는 없습니다. 모두 처음부터 만들어지고 몇 가지 도구를 사용할 수 있습니다. 기본 엔지니어링 템플릿을 생성하는 데 도움이 됩니다.이 템플릿을 기반으로 다양한 프로젝트를 개발하거나 일부 구성을 간단히 수정할 수 있습니다.
이는 또한 프로젝트의 기본 구조적 일관성을 간접적으로 보장하고 나중에 용이하게 할 수 있습니다.
리액트의 스캐폴딩은 무엇인가요
React 앱 만들기: If React를 배우거나 새로운 단일 페이지 애플리케이션을 만들고 있는 경우
Next.js: Node.js를 사용하여 서버 측 렌더링 웹 사이트를 구축하는 경우Gatsby: 콘텐츠 지향 정적 웹 사이트를 구축하는 경우
2, 기타 스캐폴딩
[관련 권장 사항: Redis 비디오 튜토리얼
]위 내용은 반응 비계란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!