npm 运行服务与构建

在我的 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 文件时,我需要准确地指定它吗?

stack overflow npm run serve vs build
原文答案

答案:

作者头像

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