Shopify CLI가 구축한 초기 App의 코드~package를 확인합니다.json편~

배경.

Shopify 공식 React+node.js의 자습서 을 했지만 도무지 잘 되지 않았다.
주머니 사정이 여의치 않은 곳은 앱을 쉽게 만들 수 있을 것 같은 Shopify App CLI다.
너무 편해요.(화면 관리부터 상당히 번거롭다)

Shopify App CLI

shoopify app cli란 무엇입니까?(방정식 참조)
Shopify App CLI 도구는 코드 검색 및 개발 프로세스 자동화를 통해 애플리케이션 개발을 지원하는 명령줄 도구입니다.
터미널이나 명령 라인에 CLI를 설치하고 명령을 두드리기만 하면 앱의 초기 설정을 할 수 있다.
가장 높다
자세한 내용은 여기서부터↓
https://www.shopify.jp/blog/partner-cli-tool
https://shopify.dev/tools/cli

Shopify Tutorial과 다른 점은 무엇입니까?package.json편

본제에 들어간 쇼피파이 앱 CLI가 구축한 앱 코드 중 이번에는 패키지다.제이슨 편.
Tutorial에서 만든 코드와 비교합니다.(script 근처)
CLI를 사용하기 때문에 당연히 내용이 다르지만,
하지만 모르는 모듈을 많이 사용했기 때문에 그 근처를 메모로 표시했다.
Shopify tutrial

"script": {
  "test": "echo \"Error: no test specified\" && exit 1",
  "dev": "node server.js",
  "build": "next build",
  "start": "NODE_ENV=production node server.js"
},

Shopify App CLI

  "test": "jest",
  "dev": "cross-env NODEE_ENV=development nodemon ./server/index.js --watch ./server/index.js",
  "build": "NEXT_TELEMETRY_DISABLED=1 next build",
  "start": "cross-env NODE_ENV=production node ./server.index.js"

CLI 의 상태,
그런 기분에 지지 않고 하나하나 조사했습니다.

Jest

이 부분

"test": "jest",

Jest란...
JavaScript의 높은 기능과 적은 의존성 테스트 프레임워크
이름처럼 테스트를 수행할 때 편리한 프레임워크와 같다.
시험을 공부할 필요도 있다.(이번엔 말하지 않겠다)
【공식 링크】https://jestjs.io/ja/

cross-env

이 부분

"dev": "cross-env NODEE_ENV=development

and

"start": "cross-env NODE_ENV=production

크로스엔비라는 게...
플랫폼 간에 환경 변수를 구성하고 사용할 수 있는 스크립트 실행
스크립트를 실행할 때, 패키지.json에서 환경 변수(예를 들어 NODE ENV)를 설정하면서 시작하려면cross-env를 사용하지 않아도 실행 환경이 윈도인지 Linux,Mac 등 플랫폼인지 알 수 있다.
그렇구나, 나는 마침내 알았다.
【참고】https://qiita.com/riversun/items/d45b26f4a7aad6e51b69

nodemon

이 부분

nodemon ./server/index.js --watch ./server/index.js

이른바 nodemon...
디렉토리에서 파일 수정이 감지되면 노드 응용 프로그램을 자동으로 다시 시작하는 도구
-- 워치 옵션을 추가하면 여러 디렉터리를 감시할 수 있다.
*기본적으로 nodemon은 현재 작업 디렉터리를 감시합니다
Node.변경 사항을 반영하기 위해 다시 시작합니다.
그거 아무거나 해주면 편하지 않아요?
【참고】
https://github.com/remy/nodemon
https://www.digitalocean.com/community/tutorials/workflow-nodemon-ja

Next.Js TELEMETRY 옵션

이 부분

"build": "NEXT_TELEMETRY_DISABLED=1

Next.옵션은...
Next에 도입된 익명 메트릭 데이터 수집을 위한 일반적인 사용 방법
지정되지 않은 경우NEXT_TELEMETRY_DISABLED=1 Next.js 방면에서

어떤 명령을 호출했는지

Nuxt.js 및 Nodejs버전

일반 시스템 정보(MacOS/Linux/Windows 및 CI에서 실행되는 명령,ci명)
등이 발송된 것 같습니다.

동의하지 않으면 지정해 주십시오.
그렇구나.
【공식 링크】
https://nextjs.org/telemetry

후기

아무것도 모르고 지령을 내리기 시작했지만 알면 왜 이 지령을 내리는지 알게 되고 많은 것을 배웠다.
하지만 CLI는 무엇보다도 능력이 있습니다.