random quote machine

Nano React App 기본 JavaScript 템플릿

Nano-React-App의 기본 템플릿 프로젝트.

• npm start - 기본 포트가 1234 인 개발 서버를 생성합니다.
• npm run build - dist 디렉토리에서 생산 빌드를 출력합니다.

맞춤형 포트

-p 플래그를 사용하여 개발 용 포트를 지정할 수 있습니다. 이렇게하려면 추가 깃발로 npm start 수 있습니다.

 npm start -- -p 3000

또는 start 스크립트를 직접 편집하십시오.

 parcel index.html -p 3000

스타일 추가

JavaScript의 어느 곳에서나 간단한 ES2015 import 명령문으로 CSS 파일을 사용할 수 있습니다.

 import "./index.css" ; 

바벨 변형

Babel Preset Babel-Preset-Nano-React-App은 React 앱 지원을 만드는 동일한 변환을 지원하는 데 사용됩니다.

Babel 구성은 package.json 내부에 거주하고 외부 .babelrc 파일을 무시할 것이므로 .babelrc 사용하려면 babel 속성을 package.json 내부에서 삭제해야합니다.

GitHub 페이지에 배포됩니다

GitHub 페이지를 사용하여 프로젝트를 배포 할 수도 있습니다. 먼저 gh-pages 패키지를 설치하십시오.

npm i -D gh-pages

Parcel의 --public-url 플래그를 사용하면 배포를 위해 다음 스크립트를 사용하십시오.

 "scripts": {
  "start": "parcel index.html",
  "build": "parcel build index.html --public-url '.'",
  "predeploy": "rm -rf dist && parcel build index.html --public-url '.'",
  "deploy": "gh-pages -d dist"
},

그런 다음 GitHub 페이지의 일반 절차를 따르고 gh-pages 브랜치를 선택하십시오.