Grunt, NPM 및 Bower의 차이점 (package.json vs bower.json)

질문 : Grunt, NPM 및 Bower의 차이점 (package.json 대 bower.json)

---

npm과 bower를 처음 사용하여 emberjs에서 첫 번째 앱을 구축했습니다. :).
레일에 대해 약간의 경험이 있으므로 종속성을 나열하는 파일 (예 : 번 들러 Gemfile)에 대해 잘 알고 있습니다.

질문 : 패키지를 추가하고 싶을 때 (그리고 git에 대한 종속성을 확인), package.json 또는 bower.json ?

내가 모은 것에서
bower install 을 실행하면 패키지를 가져와 /vendor 디렉토리에 넣습니다.
npm install 실행하면 그것을 가져와 /node_modules 디렉토리에 넣습니다.

이 SO 대답 은 bower가 프론트 엔드 용이고 npm은 백엔드 용이라고 말합니다.
Ember-app-kit 은 언뜻보기에이 구별을 고수하는 것 같습니다 ... 그러나 일부 기능 을 활성화하기위한 gruntfile의 지침은 두 가지 명시적인 명령을 제공하므로 여기서 완전히 혼란 스럽습니다.

직관적으로 나는

1. npm install --save-dev package-name 은 내 package.json에 package-name을 추가하는 것과 동일합니다.
2. 이물 내 bower.json에 패키지를 추가 설치 바우어 실행으로 --save 패키지 이름이 같은 수 있습니다 설치?

 

 

이 경우 종속성을 관리하는 파일에 추가하지 않고 명시 적으로 이와 같은 패키지를 설치해야하는 경우는 언제입니까 (전역 적으로 명령 줄 도구를 설치하는 것 제외)?

답변

---

2016 년 중반 업데이트 :

상황이 너무 빠르게 변하여 2017 년이 늦으면이 답변이 더 이상 최신 상태가 아닐 수 있습니다!

초보자는 빌드 도구와 워크 플로를 선택하는 데 금방 길을 잃을 수 있지만 2016 년에 가장 최근의 것은 Bower, Grunt 또는 Gulp를 전혀 사용하지 않는 것입니다! Webpack의 도움으로 NPM에서 직접 모든 것을 할 수 있습니다!

• Google "npm as build tool"결과 : https://medium.com/@dabit3/introduction-to-using-npm-as-a-build-tool-b41076f488b0#.c33e74tsa
• 웹팩 : https://webpack.github.io/docs/installation.html

 

 

사람들이 다른 워크 플로를 사용한다고 오해하지 마세요. 저는 여전히 제 레거시 프로젝트에서 GULP를 사용합니다 (그러나 천천히 빠져 나가고 있음).하지만 이것이 최고의 회사에서 수행되는 방식이며이 워크 플로에서 작업하는 개발자는 많은 돈을 벌어들입니다!

이 템플릿을보세요 : https://github.com/coryhouse/react-slingshot 의 최고 기술과 최신 기술이 혼합 된 최신 설정입니다.

• 웹팩
• 빌드 도구로서의 NPM (Gulp, Grunt 또는 Bower 없음)
• Redux와 반응
• ESLint
• 목록이 길다. 가서 탐험하세요!

당신의 질문:

패키지를 추가하고 싶을 때 (그리고 git에 대한 종속성을 확인) 어디에 속합니까?-package.json 또는 bower.json

• 이제 모든 것이 package.json에 속합니다.
• 빌드에 필요한 종속성은 "devDependencies"에 있습니다. 즉 npm install require-dir --save-dev (--save-dev는 devDependencies에 항목을 추가하여 package.json을 업데이트합니다)
• 런타임 동안 애플리케이션에 필요한 종속성은 "종속성"에 있습니다. 즉, npm install lodash --save (--save는 종속성에 항목을 추가하여 package.json을 업데이트합니다)

 

이 경우 종속성을 관리하는 파일에 추가하지 않고 명시 적으로 이와 같은 패키지를 설치해야하는 경우는 언제입니까 (전역 적으로 명령 줄 도구를 설치하는 것 제외)?

항상 . 편안함 때문에. --save-dev 또는 --save )를 추가하면 deps (package.json)를 관리하는 파일이 자동으로 업데이트됩니다. 종속성을 수동으로 편집하여 시간을 낭비하지 마십시오. npm install --save-dev package-name 바로 가기는 npm i -D package-name npm install --save package-name 바로 가기는 npm i -S package-name

출처 : https://stackoverflow.com/questions/21198977/difference-between-grunt-npm-and-bower-package-json-vs-bower-json