javascript - npm install --save 是否与 webpack 一起使用过？

Question

我正在学习使用 webpack 并逐渐进入 Javascript 世界，包括 npm .

Several answers处理--save与 --save-dev当使用npm install时。我的理解是，当通过 package.json 重新创建运行或开发环境时，它们的使用(以及对 npm install <the package being developed or ran> 的更新)实际上很有用。

• --save用于保存运行应用程序所需的包在服务器上的node.js
• --save-dev用于保存开发应用程序所需的包
• 裸露npm install <module>只是安装该软件包，而无法通过 package.json 中的相应条目将其安装在其他地方。

因此，在 webpack 上下文中是 --save用过吗？我不相信，因为创建的是一个 JS 包，然后包含在 HTML 文件中，并在浏览器中运行。从这个意义上说，永远不需要“保存运行应用程序所需的模块”。

同样，--save-dev很有用(同样，在 webpack 上下文中)，它允许某人在其他地方进行开发(在这种情况下，应用程序中的两个模块(例如 moment.js )和后勤模块(例如 gulp )都应该使用 --save-dev 安装，对吧？)

最后，一个裸露的npm install <module>也可能(尽管不太有用)是开发并不打算在其他地方完成(模块仍然安装，但 package.json 中没有提及这一事实)。

这是正确的吗？具体来说，是假设缺乏 --save在 webpack 上下文中正确吗？

Answer 1

在应用程序的生产版本中使用的任何内容都应在保存中列出。例如，如果您使用 React，您的应用程序将在最终的生产版本中使用 React。文件是否捆绑并不重要，但事实上它严重依赖于编译时的运行。

开发期间使用的任何内容都应列在 devDependency 下。在此示例中，一旦 WebPack 完成了文件的捆绑，我们就不再关心 WebPack，因为它不是最终编译文件的一部分。

--save-dev:开发过程中使用的任何内容，例如单元测试框架或 bundler 等。

--save :应用程序中使用的任何内容，例如 Axios、React、Vue 或 Chart.JS 等。