我有一個多頁面應(yīng)用程序,我需要一些頁面僅在我的開發(fā)環(huán)境中顯示。這是我的 vue.config.js:
module.exports = { productionSourceMap: false, pages: { index: "src/main.js", admin: { entry: "src/main-admin.js", template: "public/index.html", filename: "admin" } } };
我需要索引頁面才能進(jìn)入我的生產(chǎn)版本,但要從中刪除管理員。有沒有一種方法可以在 vue.config.js 上添加環(huán)境條件配置,或者為每個環(huán)境添加一個 vue.config.js?
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
如果您需要比“內(nèi)置”product
、development
等更多的環(huán)境,您可以通過創(chuàng)建 .env
文件來創(chuàng)建自己的環(huán)境,例如包含 .env.myenv
的文件,其中包含 NODE_ENV=myenv