在我的 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
文件时,我需要准确地指定它吗?
npm run serve
不会从/dist
文件夹运行您的应用程序。它在内存(RAM)中编译了未优化的构建。如果要从/dist
文件夹运行优化的构建,则可以通过某些HTTP服务器运行它。例如 https://www.npmjs.com/package/http-server 。