Vue针对不同环境设置不同的vue.config.js配置
P粉569205478
P粉569205478 2024-03-31 19:40:28
0
1
351

我有一个多页面应用程序,我需要一些页面仅在我的开发环境中显示。这是我的 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学习者快速成长!