javascript - 바벨을 올바르게 설치하고 사용하는 방법은 무엇입니까?

Question

안녕하세요 여러분, 지난번에 바벨 설치에 관해 질문한 지 꽤 됐는데, Ruan Yifeng 선생님의 튜토리얼을 보고 마침내 npm에 대한 지식을 다시 얻었고, 헤헤, 지난번 질문 이후로 아직 진행 상황이 남아 있습니다.
/q/10...
먼저 Babel 폴더를 만들었어요

1 .babelrc 파일 만들기
2 npm init를 누르고 Enter 키를 눌러 package.json 파일 만들기
3 npm install --save-dev babel-preset-es2015 설치

으아악

npm install --save-dev babel-cli
package.json 파일을 다시 작성하고 npm 실행 실행을 위한 스크립트를 추가하세요

이번 디렉토리 구조는 hello.js에 클래스 Foo{}를 작성했는데 지금까지 모든 것이 순조롭게 진행되었습니다

Ruan Yifeng 선생님의 튜토리얼을 참고하세요. Babel-node가 사용하기 쉽지 않아서 좀 헷갈리네요.
먼저 lib 폴더를 삭제하려고 했는데 계속 오류가 뜹니다. 오류 메시지를 읽어서 최신 버전이 설치되어 있는지 확인하세요. node와 npm은 공식 홈페이지에서 다운로드한 최신 버전인데 문제 없이 npm도 3.10.10 데모에 문제가 있을 수 있습니다. npm 자체가 아닌 패키지입니다. 해결방법좀 알려주세요

Answer 1

npm이든 babel이든 상관없이 명령줄에 대한 기본 지식이 부족합니다.

npm 실행 빌드가 실패한 이유는 폴더를 올바르게 생성하는 튜토리얼을 따르지 않았기 때문입니다! ! !

오류 메시지는 분명합니다. "src가 존재하지 않습니다.", src 디렉토리가 존재하지 않습니다. 이해하지 못하는 오류를 보고하는 것도 혼란스럽습니다!

다른 사람들은 뭔가 잘못되었다고 말하는데 당신은 그것을 보지만 마음에 받아들이지 않고 계속해서 내가 왜 틀렸는지, 왜 틀렸는지 궁금해하는데 다른 사람들은 분명히 말했지만 바벨은 매우 속았습니다. npm도 매우 속았습니다. Babel은 노동계나 경영진 모두 src 디렉터리를 찾을 수 없으며 특정 오류를 출력한다고 말했습니다. . . . . . .

자, 다시 돌아가서 "명령줄"에 대해 이야기해 보겠습니다.

명령은 일반적으로 실행 파일이나 스크립트 파일, 일반적으로 문자열에 해당합니다. 이 명령을 셸이나 cmd에 입력하면 실행 파일을 두 번 클릭하는 것과 같습니다. 명령 뒤에 오는 것을 "매개변수"라고 합니다. 특정 명령이 있는지 시스템은 어떻게 알 수 있나요? 간단히 이해하면 시스템이 검색으로 돌아가는 위치는 전역 디렉터리와 상대 디렉터리 두 곳이 있습니다. 예를 들어 cmd에서는 커서 앞에 "Path>"가 있습니다. npm 명령을 입력하면 시스템은 먼저 현재 디렉터리에서 npm 실행 파일을 검색한 후 전역 경로에서 npm을 검색합니다. node를 설치하면 npm이 전역적으로 설치되므로 npm을 원활하게 찾아서 실행합니다.

자, npm run 명령어를 자세히 설명해 보겠습니다. npm run은 현재 디렉터리에서 package.json을 검색하고 스크립트 필드에 구성된 명령을 찾습니다. 당신은 이미 이것을 알고 있습니다. 당신이 모르는 것이 있습니다. npm run은 현재 디렉토리의 node_modules/.bin 디렉토리를 현재 시스템 검색 경로 목록에 일시적으로 추가합니다. 즉, npm run build, 구성을 빌드하는 명령은 "babel src입니다. - d lib"를 선택하면 시스템은 우리가 구성한 이 명령을 실행하라는 요청을 받게 됩니다. babel 문자는 명령어인데 시스템이 인식하지 못하기 때문에 해당 실행파일이 있는지 찾아봐야 한다. 현재 디렉터리에 해당 실행파일이 없으므로 node_modules/.bin 디렉터리를 검색하게 된다. 해당 파일이 없으면 시스템은 전역 디렉터리를 검색합니다. node_modules/.bin에 대한 검색 로직은 npm run에서 실행될 때만 사용할 수 있다는 점을 기억하세요.

npm install --save-dev babel-cli 는 프로젝트 디렉터리의 node_modules에 babel-cli를 설치하므로 npm run build가 정상적으로 실행될 수 있습니다. npm run build는 다음과 같습니다: project_dir> node_modules/.bin/babel src -d lib

babel 명령인 src -d lib에 대해 이야기해 보겠습니다. src는 소스 디렉터리이며, 이는 babel이 src 디렉터리에서 js를 처리하도록 지시합니다. 대상 디렉터리 매개변수 lib는 babel에게 src 디렉터리의 js를 lib 디렉터리로 이스케이프하도록 지시하는 대상 디렉터리 매개변수의 값입니다.

명령줄을 사용하는 기본 기능입니다. . .

Answer 2

Babel을 전역으로 설치하지 않으면 콘솔에서 직접 사용할 수 없습니다.
npm 스크립트를 통해 호출할 수 있습니다