如何构建同一VUEJS应用的不同版本

Question

我正在构建VUEJS仪表板，我想从中生成多个版本。我希望能够加载不同的徽标图像和标题。我正在使用vue-cli-service build构建我的应用，但是经过一个小时的搜索后，我仍然不知道如何配置构建过程以实现这一目标。有没有人可以指出我正确的方向？

我已经阅读了有关目标参数的文档，但无法弄清楚如何进行其他构建。我只是在另一个目录中得到了相同的结果。

Answer 1

根据您的设置，使用vue-js来更改标题和图像可能要容易得多，这取决于域/路径/环境。

如果您必须具有静态版本，则可以在此处找到答案：How can I create two separate bundles with vue-cli 3?

Answer 2

游戏可能要晚一点，但是我希望您想要使用模式和环境变量。 https://cli.vuejs.org/guide/mode-and-env.html在这里有很好的记录。

  

只有以VUE_APP_开头的变量将通过webpack.DefinePlugin静态嵌入到客户端捆绑包中。您可以在应用程序代码中访问它们：

     

console.log(process.env.VUE_APP_SECRET)

     

在构建过程中，process.env.VUE_APP_SECRET将替换为相应的值。如果是VUE_APP_SECRET = secret，它将被“ secret”代替

您可以使用env vars设置您关心的事物的路径/值。您还可以将每个不同的构建作为“模式”，并为每个用例维护环境变量。