Vue針對不同環境設定不同的vue.config.js配置
P粉569205478
P粉569205478 2024-03-31 19:40:28
0
1
357

我有一個多頁面應用程序,我需要一些頁面僅在我的開發環境中顯示。這是我的 vue.config.js:

module.exports = {
  productionSourceMap: false,

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

我需要索引頁面才能進入我的生產版本,但要從中刪除管理員。有沒有一種方法可以在 vue.config.js 上新增環境條件配置,或是為每個環境新增一個 vue.config.js?

P粉569205478
P粉569205478

全部回覆(1)
P粉388945432

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

如果您需要比「內建」productdevelopment 等更多的環境,您可以透過建立.env 檔案來建立自己的環境,例如包含.env.myenv 的文件,其中包含NODE_ENV=myenv

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

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!