npx 소개 : npm 패키지 러너

NPM– 패키지를 관리 하지만 인생을 쉽게 수행 할 수는 없습니다 .
NPX– 노드 패키지 를 실행하기 위한 도구 .

NPXNPM버전 과 함께 제공5.2+

NPM그 자체로는 단순히 패키지를 실행하지 않습니다. 실제로 어떤 패키지도 실행하지 않습니다. NPM을 사용하여 패키지를 실행하려면 package.json파일 에서 해당 패키지를 지정해야 합니다.

NPM 패키지를 통해 실행 파일을 설치하면 NPM이 해당 파일에 연결됩니다.

1. 로컬 설치에는 ./node_modules/.bin/디렉토리에 “링크”가 생성됩니다 .
2. 전역 설치에는 Linux 또는 Windows 의 전역 bin/디렉토리 (예 :)에서 “링크”가 생성됩니다 ./usr/local/bin%AppData%/npm

읽어야 할 문서

NPM :

특정 프로젝트에 로컬로 패키지를 설치할 수 있습니다.

npm install some-package

이제 NodeJS가 명령 행에서 해당 패키지를 실행하기를 원한다고 가정하십시오.

$ some-package

위의 내용은 실패 합니다. 이름 만 입력하면 전역으로 설치된 패키지 만 실행할 수 있습니다 .

이 문제를 해결하고 실행하려면 로컬 경로를 입력해야합니다.

$ ./node_modules/.bin/some-package

packages.json파일 을 편집 하고 해당 scripts섹션 에서 해당 패키지를 추가 하여 로컬로 설치된 패키지를 기술적으로 실행할 수 있습니다 .

{
  "name": "whatever",
  "version": "1.0.0",
  "scripts": {
    "some-package": "some-package"
  }
}

그런 다음 npm run-script(또는 npm run)를 사용하여 스크립트를 실행하십시오 .

npm run some-package

NPX :

npx또는 로컬 프로젝트 바이너리에 <command>존재 하는지 확인 $PATH하고 실행합니다. 위의 예에서 로컬로 설치된 패키지를 실행하려면 some-package다음을 입력하십시오.

npx some-package

또 다른 주요 장점은 npx이전에 설치되지 않은 패키지를 실행할 수 있다는 것입니다 .

$ npx create-react-app my-app

위의 예제는 명령이 실행 된 경로 내에react 앱 상용구 를 생성하고 사용하려고 할 때마다 업그레이드 할 필요없이 항상 최신 버전의 생성기 또는 빌드 도구를 사용하도록합니다.

관련 질문 :

1. node_modules에 로컬로 설치된 패키지를 사용하는 방법은 무엇입니까?
2. NPM : ./node_modules/.bin 폴더를 어떻게 소싱합니까?
3. npm 스크립트를 사용하여 js 파일을 어떻게 실행합니까?

답변

npx [options] [-p|--package <package>] <command> [command-arg]...

npx   -p uglify-js         uglifyjs --output app.min.js app.js common.js
      +----------------+   +--------------------------------------------+
      package (optional)   command, followed by arguments

Start a HTTP Server      : npx http-server
Lint code                : npx eslint ./src
                         # Run uglifyjs command in the package uglify-js
Minify JS                : npx -p uglify-js uglifyjs -o app.min.js app.js common.js
Minify CSS               : npx clean-css-cli -o style.min.css css/bootstrap.css style.css
Minify HTML              : npx html-minifier index-2.html -o index.html --remove-comments --collapse-whitespace
Scan for open ports      : npx evilscan 192.168.1.10 --port=10-9999
Cast video to Chromecast : npx castnow http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/ForBiggerFun.mp4