Sự khác biệt giữa --save và --save-dev là gì?

Sự khác biệt giữa:

npm install [package_name] --save

và:

npm install [package_name] --save-dev

Điều đó có nghĩa là gì?

• --save-devđược sử dụng để lưu gói cho mục đích phát triển. Ví dụ: kiểm tra đơn vị, thu nhỏ ..
• --save được sử dụng để lưu gói cần thiết để ứng dụng chạy.

Sự khác biệt giữa --savevà --save-devcó thể không được chú ý ngay lập tức nếu bạn đã thử cả hai trong các dự án của riêng bạn. Vì vậy, đây là một vài ví dụ ...

Hãy nói rằng bạn đang xây dựng một ứng dụng sử dụng gói khoảnh khắc để phân tích và hiển thị ngày. Ứng dụng của bạn là một trình lập lịch biểu vì vậy nó thực sự cần gói này để chạy, vì trong: không thể chạy mà không có nó . Trong trường hợp này bạn sẽ sử dụng

npm install moment --save

Điều này sẽ tạo ra một giá trị mới trong gói.json của bạn

"dependencies": {
   ...
   "moment": "^2.17.1"
}

Khi bạn đang phát triển, nó thực sự giúp sử dụng các công cụ như bộ thử nghiệm và có thể cần lõi hoa nhài và nghiệp . Trong trường hợp này bạn sẽ sử dụng

npm install jasmine-core --save-dev
npm install karma --save-dev

Điều này cũng sẽ tạo ra một giá trị mới trong gói.json của bạn

"devDependencies": {
    ...
    "jasmine-core": "^2.5.2",
    "karma": "^1.4.1",
}

Bạn không cần bộ thử nghiệm để chạy ứng dụng ở trạng thái bình thường, vì vậy đây là --save-devloại phụ thuộc, không có gì hơn. Bạn có thể thấy nếu bạn không hiểu những gì đang thực sự xảy ra, thì hơi khó tưởng tượng.

Lấy trực tiếp từ tài liệu NPM docs # phụ thuộc

Phụ thuộc

Phụ thuộc được chỉ định trong một đối tượng đơn giản ánh xạ tên gói thành phạm vi phiên bản. Phạm vi phiên bản là một chuỗi có một hoặc nhiều mô tả được phân tách bằng dấu cách. Phụ thuộc cũng có thể được xác định bằng một tarball hoặc git URL.

Xin vui lòng không đặt khai thác thử nghiệm hoặc bộ chuyển đổi trong đối tượng phụ thuộc của bạn. Xem devDependencies , dưới đây.

Ngay cả trong các tài liệu, nó yêu cầu bạn sử dụng --save-dev cho các mô-đun như khai thác thử nghiệm.

Tôi hy vọng điều này sẽ giúp và rõ ràng.

Theo mặc định, NPM chỉ cần cài đặt một gói dưới node_modules. Khi bạn đang cố gắng cài đặt các phụ thuộc cho ứng dụng / mô-đun của mình, trước tiên bạn cần cài đặt chúng, sau đó thêm chúng vào dependenciesphần của bạn package.json.

--save-devthêm gói bên thứ ba vào các phụ thuộc phát triển của gói. Nó sẽ không được cài đặt khi ai đó cài đặt gói của bạn. Nó thường chỉ được cài đặt nếu ai đó nhân bản kho lưu trữ nguồn của bạn và chạy npm installtrong đó.

--savethêm gói của bên thứ ba vào các phụ thuộc của gói. Nó sẽ được cài đặt cùng với gói bất cứ khi nào ai đó chạy npm install package.

Dev phụ thuộc là những phụ thuộc chỉ cần thiết để phát triển gói. Điều đó có thể bao gồm người chạy thử, trình biên dịch, trình đóng gói, v.v ... Cả hai loại phụ thuộc đều được lưu trữ trong package.jsontệp của gói . --savethêm vào dependencies, --save-devthêm vàodevDependencies

tài liệu cài đặt npm có thể được giới thiệu ở đây.

Một ví dụ hoàn hảo về điều này là:

$ npm install typescript --save-dev

Trong trường hợp này, bạn muốn có Bản in (ngôn ngữ mã hóa có thể phân tích bằng javascript) để phát triển, nhưng một khi ứng dụng được triển khai, thì không còn cần thiết nữa, vì tất cả các mã đã được dịch sang javascript. Như vậy, sẽ không có nghĩa gì nếu đưa nó vào ứng dụng được xuất bản. Thật vậy, nó sẽ chỉ chiếm dung lượng và tăng thời gian tải xuống.

Tôi sẽ cho bạn một ví dụ,

• Bạn là một nhà phát triển của một thư viện npm rất SERIOUS . Mà sử dụng các thư viện thử nghiệm khác nhau để kiểm tra gói.
• Một người dùng đã tải xuống thư viện của bạn và muốn sử dụng nó trong mã của họ. Họ có cần tải xuống thư viện thử nghiệm của bạn không? Có thể bạn sử dụng jestđể thử nghiệm và họ sử dụng mocha. Bạn có muốn họ cài đặt jestlà tốt? Chỉ để chạy thư viện của bạn?

Không có quyền? Đó là lý do tại sao họ ở devDependencies.

Khi ai đó làm như vậy, npm i yourPackagechỉ các thư viện cần thiết để CHẠY thư viện của bạn sẽ được cài đặt. Các thư viện khác mà bạn đã sử dụng để gói mã của mình hoặc kiểm tra và chế nhạo sẽ không được cài đặt vì bạn đặt chúng vào devDependencies. Khá gọn gàng phải không?

Vì vậy, tại sao các nhà phát triển cần phải phơi bày các devDependancies ?

Giả sử gói của bạn là gói nguồn mở và 100 người đang gửi yêu cầu kéo đến gói của bạn. Sau đó, họ sẽ kiểm tra gói như thế nào? Họ sẽ git clonerepo của bạn và khi họ sẽ làm một npm isự phụ thuộc cũng như devDependencies .
Bởi vì họ không sử dụng gói của bạn. Họ đang phát triển gói hơn nữa, do đó, để kiểm tra gói của bạn, họ cần phải vượt qua các trường hợp thử nghiệm hiện có cũng như viết mới. Vì vậy, họ cần sử dụng devDependenciesthư viện chứa tất cả các thư viện thử nghiệm / xây dựng / chế nhạo mà BẠN đã sử dụng.

Theo đề xuất của @ andreas-hultgren trong câu trả lời này và theo các tài liệu npm :

Nếu ai đó đang có kế hoạch tải xuống và sử dụng mô-đun của bạn trong chương trình của họ, thì có lẽ họ không muốn hoặc không cần tải xuống và xây dựng khung kiểm tra hoặc tài liệu bên ngoài mà bạn sử dụng.

Tuy nhiên, để phát triển ứng dụng web, Yeoman (một công cụ giàn giáo cài đặt tệp pack.json được đánh giá ngang hàng trong số những thứ khác) đặt tất cả các gói trong devDependencies và không có gì phụ thuộc, vì vậy có vẻ như việc sử dụng --save-devlà đặt cược an toàn trong phát triển webapp , ít nhất.

--save-devlưu thông số semver vào mảng "devDependencies" trong tệp mô tả gói của bạn, thay --savevào đó lưu nó vào "phụ thuộc".

Câu trả lời rõ ràng đã được cung cấp. Nhưng điều đáng nói là devDependenciesảnh hưởng đến việc cài đặt các gói:

Theo mặc định, cài đặt npm sẽ cài đặt tất cả các mô-đun được liệt kê là phụ thuộc trong gói.json. Với cờ - sản phẩm (hoặc khi biến môi trường NODE_ENV được đặt thành sản xuất), npm sẽ không cài đặt các mô-đun được liệt kê trong devDependencies.

Xem: https://docs.npmjs.com/cli/install

Nói chung, bạn không muốn làm phình gói sản xuất với những thứ mà bạn chỉ có ý định sử dụng cho mục đích Phát triển.

Sử dụng tùy chọn --save-dev(hoặc -D) để phân tách các gói như khung Kiểm tra đơn vị (jest, hoa nhài, mocha, chai, v.v.)

Bất kỳ gói nào khác mà ứng dụng của bạn cần cho Sản xuất, nên được cài đặt bằng cách sử dụng --save(hoặc -S).

npm install --save lodash       //prod dependency
npm install -S moment           // "       "
npm install -S opentracing      // "       "

npm install -D jest                 //dev only dependency
npm install --save-dev typescript   //dev only dependency

Nếu bạn mở package.jsontệp thì bạn sẽ thấy các mục này được liệt kê dưới hai phần khác nhau:

"dependencies": {
  "lodash": "4.x",
  "moment": "2.x",
  "opentracing": "^0.14.1"
},

"devDependencies": {
    "jest": "22.x",
    "typescript": "^2.8.3"
},

--save-dev được sử dụng cho các mô-đun được sử dụng để phát triển ứng dụng, không yêu cầu trong khi chạy nó trong môi trường sản xuất --save được sử dụng để thêm nó trong pack.json và nó được yêu cầu để chạy ứng dụng.

Ví dụ: express, body-Parser, lodash, mũ bảo hiểm, mysql tất cả những thứ này được sử dụng trong khi chạy ứng dụng - sử dụng để đặt phụ thuộc trong khi mocha, istanbul, chai, sonarqube-Scanner đều được sử dụng trong quá trình phát triển, vì vậy hãy đặt chúng trong dev phụ thuộc.

Liên kết npm hoặc cài đặt npm cũng sẽ cài đặt các mô đun phụ thuộc dev cùng với các mô đun phụ thuộc trong thư mục dự án của bạn

Tất cả các giải thích ở đây là tuyệt vời, nhưng thiếu một điều rất quan trọng: Làm thế nào để bạn chỉ cài đặt phụ thuộc sản xuất? (không có sự phụ thuộc phát triển). Chúng tôi tách dependenciesra devDependenciesbằng cách sử dụng --savehoặc --save-dev. Để cài đặt tất cả chúng ta sử dụng:

npm i

Để chỉ cài đặt các gói sản xuất, chúng ta nên sử dụng:

npm i --only=production

Tôi muốn thêm một số ý tưởng của tôi như

Tôi nghĩ rằng tất cả sự khác biệt sẽ xuất hiện khi ai đó sử dụng mã của bạn thay vì sử dụng một mình

Ví dụ: bạn viết thư viện HTTP có tên node's request

Trong thư viện của bạn,

bạn đã sử dụng lodash để xử lý chuỗi và đối tượng, không có lodash, mã của bạn không thể chạy

Nếu ai đó sử dụng thư viện HTTP của bạn như một phần của mã của mình. Mã của bạn sẽ được biên dịch với của mình.

mã của bạn cần lodash, vì vậy bạn cần đưa vào dependenciesđể biên dịch

Nếu bạn viết một dự án như monaco-editor, đó là một trình soạn thảo web,

bạn đã gói tất cả các mã của mình và product env librarysử dụng gói web của bạn , khi quá trình xây dựng hoàn thành, chỉ có mộtmonaco-min.js

Vì vậy, một người nào đó không trường hợp dù --savehay --save-dependencies, chỉ có ông cần làmonaco-min.js

Tóm lược:

1. Nếu ai đó muốn biên dịch mã của bạn (sử dụng làm thư viện), hãy đặt lodashmã được sử dụng bởi mã của bạn vàodependencies

2. Nếu ai đó muốn thêm nhiều tính năng hơn vào mã của bạn, anh ta cần unit testvà compiler, đặt chúng vàodev-dependencies

Mọi người sử dụng npm trong sản xuất để làm những thứ hay ho độc ác, Node.js là một ví dụ về điều này, vì vậy bạn không muốn tất cả các công cụ dev của mình được chạy.

Nếu bạn đang sử dụng gulp (hoặc tương tự) để tạo tệp xây dựng để đặt trên máy chủ của mình thì điều đó không thực sự quan trọng.