heroku - Heroku webpack 构建所需的开发依赖项

Question

我的印象是，当我使用 Webpack 将基于 React 的应用程序部署到 Heroku 时，不需要包含 devDependency。例如，这是我的包裹。

  "scripts": {
    "test": "",
    "start": "./node_modules/.bin/babel-node server",
    "build": "rimraf dist && export NODE_ENV=production && webpack --config ./webpack.production.config.js --progress --profile --colors",
    "postinstall": "node deploy",
    "eslint": "eslint .",
    "jscs": "jscs ."
  },

和deploy.js:

  if (process.env.NODE_ENV === 'production') {
    var child_process = require('child_process');
    child_process.exec("webpack -p --config webpack.production.config.js", function (error, stdout, stderr) {
      console.log('stdout: ' + stdout);
      console.log('stderr: ' + stderr);
      if (error !== null) {
        console.log('exec error: ' + error);
      }
    });
  }

和 Procfile

web ./node_modules/.bin/babel-node server.js  

但是，当我推送到 Heroku 时，我不断收到无法识别的 webpack 命令，因此我将所有 devDependency 包含为正常依赖项以使其正常工作。我在这里遗漏了什么吗？

Answer 1

Heroku 默认将 NPM_CONFIG_PRODUCTION 设置为 true 以仅安装依赖项。如果您想安装 devDependency，您可以禁用生产模式:


$ heroku 配置:设置 NPM_CONFIG_Production=false


但是，由于您通常不希望生产构建中包含所有 devDependency，因此最好仅将生产构建实际需要的依赖项移至依赖项(bower、grunt、gulp 等)中。