Установите vue .config. js для создания разных страниц в зависимости от среды

Question

В настоящее время я использую vue с webpack для создания MPA, и я следующий

pages: {
  index: {
   entry: ...
   template: ...
   ...
  }
   page1: {
   entry: ...
   template: ...
   ...
  }

}

Я хочу добавить страницу отладки, если env не является производственным. Каков наилучший / правильный способ добиться этого? Я знаю, что можно иметь несколько файлов конфигурации, но я надеюсь, что есть способ лучше, чем просто скопировать коды и внести эти небольшие изменения, и все будущие настройки должны быть в двух местах вместо одного.

Спасибо.

Answer 1

Учитывая, что экспорт является просто плоским объектом, определите его заранее, а затем оцените среду и назначьте дополнительные свойства, если они правдивы.

let pages = {....}

if (process.env.NODE_ENV !== 'production') {
    pages[x] = y
}

Затем используйте это значение в определении module.exports :

module.exports = {
   // ....
   pages
}