Vue legt unterschiedliche vue.config.js-Konfigurationen für verschiedene Umgebungen fest

Question

Ich habe eine mehrseitige Anwendung und möchte, dass einige Seiten nur in meiner Entwicklungsumgebung angezeigt werden. Das ist meine vue.config.js:

module.exports = {
  productionSourceMap: false,

  pages: {
    index: "src/main.js",
    admin: {
      entry: "src/main-admin.js",
      template: "public/index.html",
      filename: "admin"
    }
  }
};

Ich benötige die Indexseite, um in meinen Produktions-Build zu gelangen, aber entferne den Administrator daraus. Gibt es eine Möglichkeit, eine umgebungsbedingte Konfiguration zu vue.config.js hinzuzufügen oder eine vue.config.js pro Umgebung hinzuzufügen?

Answer 1

vue.config.js 是 javascript，所以你可以在那里做几乎任何你想做的事情。在你的情况下，你可以这样做：

let config = {
  productionSourceMap: false,
  pages: {
    index: "src/main.js",
  }
}

if (process.env.NODE_ENV != 'production') {
  config.pages.admin = {
    entry: "src/main-admin.js",
    template: "public/index.html",
    filename: "admin"
  }
}

module.exports = config

如果您需要比“内置”product、development 等更多的环境，您可以通过创建 .env 文件来创建自己的环境，例如包含 .env.myenv 的文件，其中包含 NODE_ENV=myenv

https://cli.vuejs.org/guide/mode -and-env.html#模式