npm - 为 Vue JS 项目构建一个 dist 文件夹

Question

我正在尝试为不同的环境(sit、uat、production)创建分发文件夹。为此，我已经开始为我的 Vue js 项目使用 .env 文件。当我在做 yarn sit 或 npm run sit 时。我的dis。 linux 框中的文件夹未正确创建。但在我的 Windows 机器上它工作正常。在我的 package.json 中，我有针对不同环境的不同脚本。

"sit": "vue-cli-service --mode sit build",

在我的 Windows 机器中，dist 文件夹是这样创建的。

我不确定是什么问题。在我的开发人员中，我有 "@vue/cli-service": "^3.0.0-beta.15"

Answer 1

当您使用 vue-cli-service 构建时，您的 mode 确实会触发包含您已设置的适当 .env 文件。但是，无论您拥有多少个环境，vue-cli-service 默认仅构建两种不同类型的分发版，具体取决于 --mode 开关:

1. production，这是默认的 mode(或者您可以使用 --mode production 指定它；或者
2. non-production，在您的情况下，是 --mode sit 和 --mode uat。

默认情况下，当您为 production 构建应用程序时，您的应用程序会被捆绑起来，您将获得 js 目录、css 等，具体取决于您的设置.对于您指定的任何其他模式，它会构建一个未捆绑应用程序的非生产分发版，因此您不会看到例如js 文件夹。这是默认设置。

现在，在您的情况下，您所说的是根据操作系统的不同执行不同。我不知道你的确切设置，但你要么在两台机器上有不同的环境，运行不同的命令，要么 vue-cli-service 有缺陷，你可能需要提出一个问题。双重/三次检查您的环境和您正在运行的命令。

顺便说一句，如果您尝试为不同的环境进行构建，您可能需要将 dest 开关添加到您的构建命令中，以便您可以构建到不同的目录 - 例如:

"sit": "vue-cli-service build --mode sit --dest ./dist/sit",
"uat": "vue-cli-service build --mode uat --dest ./dist/uat",
"production": "vue-cli-service build --mode production --dest ./dist/production"