npm 运行服务与构建答案

【问题标题】：npm run serve vs buildnpm 运行服务与构建
【发布时间】：2022-01-25 20:25:14
【问题描述】：

在我的 Vue JS 应用程序中，我有一个名为 .env.individual 的文件，它定义了一个用于对后端进行 API 调用的变量。

我还有.env 和.env.production 等，它们的API URL 变量都有不同的值。

当我运行npm run serve -- --mode individual 时，应用程序启动并使用.env.individual 文件中的URL。同样，当我运行npm run serve -- --mode production 时，应用程序启动并使用.env.production 文件中的变量。

鉴于上述情况，我假设当我运行npm run build -- --mode individual 时会生成\dist，然后我可以运行npm run serve，应用程序将使用.env.individual 文件中的变量。

鉴于我的 package.json 文件包含以下内容：

"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint",
    "deploy": "vue-cli-service s3-deploy",
    "release": "npm run build && npm run deploy"
},

npm run serve 实际在做什么以及为什么 - 当我想使用特定的 .env.XXX 文件时，我需要准确地指定它吗？

【问题讨论】：

serve 是 dev 服务器，它与服务dist/ 输出不同：cli.vuejs.org/guide/cli-service.html#vue-cli-service-serve。

标签： vue.js npm vue-cli

【解决方案1】：

npm run serve 不会从/dist 文件夹运行您的应用程序。它在内存 (RAM) 中编译未优化的构建。如果您想从 /dist 文件夹运行优化的构建，您可以通过一些 http 服务器运行它。例如https://www.npmjs.com/package/http-server。

【讨论】：