Javascript 根据环境设置vue.config.js以生成不同的页面

Javascript 根据环境设置vue.config.js以生成不同的页面,javascript,vue.js,webpack,Javascript,Vue.js,Webpack,目前,我正在使用vue和webpack来构建MPA,并完成以下工作 pages: { index: { entry: ... template: ... ... } page1: { entry: ... template: ... ... } } 如果环境不是生产环境,我想添加一个调试页面。实现这一目标的最佳/适当方式是什么?我知道可以有多个配置文件,但我希望有一个更好的方法,而不仅仅是复制代码并进行小的修改,并将未来需要的所有设置放在

目前,我正在使用vue和webpack来构建MPA,并完成以下工作

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

}
如果环境不是生产环境,我想添加一个调试页面。实现这一目标的最佳/适当方式是什么?我知道可以有多个配置文件,但我希望有一个更好的方法,而不仅仅是复制代码并进行小的修改,并将未来需要的所有设置放在两个位置而不是一个位置


谢谢。

考虑到导出只是一个平面对象,请提前定义它,然后评估环境并指定更多属性(如果真实)

let pages = {....}

if (process.env.NODE_ENV !== 'production') {
    pages[x] = y
}
然后在
模块中使用此值。导出
定义:

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

令人惊叹的。非常感谢。我知道我错过了一些简单的事情。