Tengo una aplicación de varias páginas que necesito que algunas páginas se muestren solo en mi entorno de desarrollo. Este es mi vue.config.js:
module.exports = { productionSourceMap: false, pages: { index: "src/main.js", admin: { entry: "src/main-admin.js", template: "public/index.html", filename: "admin" } } };Necesito la página de índice para ir a mi compilación de producción, pero el administrador debe eliminarse. ¿Hay alguna manera de agregar una configuración condicional del entorno en vue.config.js, o agregar un vue.config.js por entorno?
vue.config.js es javascript, por lo que puede hacer casi todo lo que quiera allí. En tu caso podrías hacer algo como:
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 Si necesita más entornos que los de production , development , etc. 'incorporados', puede crear uno propio creando archivos .env , por ejemplo, un archivo llamado .env.myenv que contiene NODE_ENV=myenv