部署回购协议（纱线启动）

Question

package.json 看起来像：

{
  "name": "weather-app",
  "version": "0.0.0",
  "private": true,
  "scripts": {
    "start": "node ./bin/www",
    "dev": "nodemon ./bin/www",
    "tailwind dev": "npx tailwindcss -i ./src/css/input.css -o ./public/css/style.css --watch",
    "tailwind build": "npx tailwindcss -i ./src/css/input.css -o ./public/css/style.css --minify",
    "workbox build": "npx workbox-cli generateSW workbox-config.js"
  },
  "dependencies": {
    "alpinejs": "^3.12.0",
    "axios": "^1.3.4",
    "body-parser": "^1.20.2",
    "browserslist": "^4.21.5",
    "caniuse-lite": "^1.0.30001481",
    "compression": "^1.7.4",
    "cookie-parser": "~1.4.4",
    "cors": "^2.8.5",
    "debug": "~2.6.9",
    "dotenv": "^16.0.3",
    "ejs": "^3.1.8",
    "express": "^4.18.2",
    "express-minify": "^1.0.0",
    "helmet": "^6.0.1",
    "http-errors": "~1.6.3",
    "moment-recur": "^1.0.7",
    "morgan": "~1.9.1",
    "pwa-asset-generator": "^6.2.1"
  },
  "devDependencies": {
    "cross-env": "^7.0.3",
    "eslint": "^8.35.0",
    "eslint-config-airbnb-base": "^15.0.0",
    "eslint-config-google": "^0.14.0",
    "eslint-config-prettier": "^8.7.0",
    "eslint-config-standard": "^17.0.0",
    "eslint-config-xo": "^0.43.1",
    "eslint-plugin-import": "^2.27.5",
    "eslint-plugin-n": "^15.6.1",
    "eslint-plugin-promise": "^6.1.1",
    "prettier": "^2.8.4",
    "prettier-plugin-tailwindcss": "^0.2.5",
    "tailwindcss": "^3.2.7"
  }
}

在我部署 repo 的一项服务中，一切正常。这是其中的命令：

• 分支：公共
• 运行时：节点
• 构建命令：yarn
• 启动命令：yarn start

我点击“部署”，一切正常。

但是当我想在 Netlify、Vercel、Cloudflare 中部署相同的 repo 时，没有像上面写的这样的设置。在 Vercel 中只有构建配置，例如：

• 框架预设：
• 构建命令：
• 输出目录：
• 安装命令：

我这样写：

• 框架预设：
• 构建命令：yarn
• 输出目录：public
• 安装命令：

它不工作。

如何将此命令写入 Vercel 或 Netlify 或 Cloudflare 服务才能正常工作？我应该在 package.json 文件中写更多的东西吗？

Answer 1

对于 vercel，您可以连接您的 git 存储库并定义一个生产分支。当您在该分支上推送时，CD 将在生产环境中部署您的应用程序。 您还可以使用 vercel CLI：

vercel deploy

阅读你的 package.json，我看到

build

脚本丢失了。也许添加一个构建顺风和工作箱的构建脚本，如下所示：

"build": "npm run tailwind_build && npm run workbox_build" //for npm, idk for yarn.