reactjs - Webpack:还需要 package.json 'devDependencies' 吗？

Question

我正在使用create-react-app并发现它确实将所有包置于正常的“依赖项”下。我构建了该应用程序，发现“构建”文件夹大小为 2.66 MB。

然后我手动将生产中不需要的包移至“devDependency”并再次构建，但“build”文件夹大小仍然为 2.66 MB。

webpack.prod.js 文件中是否有一些逻辑，即使所有包都列在“依赖项”下，也知道需要什么？

如果是这样，在 package.json 中使用“devDependency”是否还有一些好处？

Answer 1

当 webpack 构建你的项目时，它会确定你的项目所依赖的所有内容，从入口文件开始，然后组合、丑化等等，并忽略其他所有内容。

例如，如果index.js是您的入口文件，并且它依赖于moment.js，则moment.js将包含在您的构建，无论它是依赖项还是 devDependency。

原因是 npm 区分依赖项和 devDependency，而 webpack 只区分需要的和不需要的。

If so, is there still some benefits using "devDependencies" in package.json?

我仍然使用 devDependency，但仅作为订购 package.json 的一种方式，但当使用 webpack 等工具来构建生产站点/应用程序时，所有内容都可以安全地位于依赖项中