Laravel:哪些 npm 包应该位于 "dependencies"与 "devDependencies"中？

Question

在 Laravel 5.3 中，package.json 文件如下所示:所有包都位于 devDependency 中。有人可以告诉我生产中也需要哪些软件包吗？我想除了 browsersync 之外都可以。

package.json

{
  "private": true,
  "scripts": {
    "prod": "gulp --production",
    "dev": "gulp watch"
  },
  "devDependencies": {
    "gulp": "^3.9.1", 
    "jquery": "^3.1.0",
    "laravel-elixir": "^6.0.0-9",
    "laravel-elixir-browsersync-official": "^1.0.0",
    "laravel-elixir-vue-2": "^0.2.0",
    "laravel-elixir-webpack-official": "^1.0.2",
    "lodash": "^4.16.2",
    "vue": "^2.0.1",
    "vue-resource": "^1.0.3"
  },
  "dependencies": {
    "dropzone": "^4.3.0"
  }
}

我认为在生产模式下也需要一些像 vue.js 这样的包，所以我会将它们移至依赖项而不是 devDependency。

Answer 1

如果您使用 elixir，所有这些都是 devDependency:

首先，您在生产中不需要 elixir，因为它只是 gulp 的包装器，希望您能在开发计算机上编译您的资源并上传它们。

所有其他 npm javascript 库都可以使用 elixir 进行编译，因此无需在生产计算机上安装它们。默认情况下，elixir使用webpack将resources\assets\js\app.js编译为public\js\app.js code> 您需要将其作为 脚本 包含在您的网页中。

如果您查看:resources\assets\js\bootstrap.js，您将看到 laravel 默认添加的包(例如 vue 、bootstrap 和 jQuery)，因此，例如，如果您想将 dropzone 添加到项目中，只需将其添加到 bootstrap.js 像这样:

require('dropzone');

现在会将 dropzone 编译为 public\js\app.js，使 dropzone 也成为 devDependency。