반응해 그게 무슨 뜻이야?

react ve는 React 개발 환경을 빠르게 구축할 수 있는 스캐폴딩입니다. 사용 방법은 다음과 같습니다. 1. "npm install React-ve -g React-ve init [projectName]"을 통해 "react-ve"를 설치합니다. " npm run dll npm start"를 통해 프로젝트를 시작합니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 0.1.12, Dell G3 컴퓨터.

React ve는 무슨 뜻인가요?

react-ve

React 개발 환경을 빠르게 구축할 수 있는 스캐폴딩

최적화 항목

• 코드 추악한 압축

• 코드 분할(code-splitting) 템플릿은 라우팅 기반 동적 가져오기를 사용합니다.

• DLL을 사용하여 공용 종속 라이브러리 모듈을 독립된 파일로 캡슐화

설치 및 사용

npm install react-ve -g
react-ve init [projectName]

프로젝트 시작

cd [projectName]
yarn 或 npm install
npm run dll
npm start

프로젝트 패키징에 액세스하려면 브라우저 주소 표시줄에 localhost:3000을 입력하세요.

프로젝트 패키징, run npm run 빌드만 하면 프로젝트가 dist 폴더에 패키징됩니다.

기본 기술 스택은

react
typescript
antd
styled-components
react-router-dom
immutable

원하는 대로 설치하거나 제거할 수 있습니다.

권장 사항:

프로젝트 공개 스타일(antd, 프레임, 장식 페이지 포함)에는 덜 사용하고, 페이지 수준 스타일에는 스타일 구성 요소를 사용하여 스타일 오염을 방지하세요.

DLL:

webpack.dll.config.babel.js에서 기본 패키지 공개 패키지에는 다음이 포함됩니다.

entry: {
    vendor: ['react', 'react-dom', 'antd', 'react-router-dom', 'immutable']
  }

원하는 대로 삭제할 수 있습니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응해 그게 무슨 뜻이야?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!