美文网首页
vue-cli 多环境配置

vue-cli 多环境配置

作者: 冰镇苏打水 | 来源:发表于2019-08-02 14:49 被阅读0次

vue-cli 多环境配置

  • 打包命令
    --mode xxx 用来区别是环境

    image
  • 基本配置

    • 项目根目录下创建 .env.xxx
    • 打包命令中的 xxx与此处保持一致
    image
    • 内容
    NODE_ENV='production'
    VUE_APP_XXXX='xxx'
    此处自定的的变量要用 VUE_APP 做前缀
    注意引号后面没有空格!!!!!!!!!!!!!
    
    image
  • 使用配置

    • 在使用的地方直接写 process.env.VUE_APP_CURRENTMODE
    • 这样区别变量


      image

优化

  • 因为我之前是这么做的,但是可能会暴露自己的其他环境信息
  • 最好的办法就行把变量存到 env.xxx
image

相关文章

  • vue-cli 多环境配置

    vue-cli 多环境配置 打包命令--mode xxx 用来区别是环境image 基本配置项目根目录下创建 .e...

  • vue-cli多页面配置

    vue-cli多页面配置 对于vue-cli的基础配置可以参考我的这篇blog vue-cli的基础运用 阅读本...

  • vue-cli3.0 多环境配置及打包压缩

    1. 问题 vue-cli升级到3.0后 webpack配置不再像2.0一样可以在build文件下进行多环境配置。...

  • 前端实践VUE

    1:环境搭建 首先我们需要配置下环境,安装node.js,可以方便编译vue文件,配置vue-cli,配置淘宝镜像...

  • vue-cli配置多环境变量

    配置多环境打包 如有开发环境、测试环境、生产环境 1.开发环境,创建.env.development文件 2.测试...

  • Vue + better-scroll 实现移动端字母索引导航

    效果图: 配置环境 因为用到的是 vue-cli 和 better-scroll,所以首先要安装 vue-cli,...

  • vue-cli 的环境配置

    vue-cli 的环境配置 环境文件: 指定模式: 例子:以staging模式为例 .env.staging 文件...

  • Vue

    vue-cli启动项目 vue项目文件介绍 build:webpack配置 config:环境变量的配置 stat...

  • 2018-12-16

    一. 环境配置 全局安装 vue-cli: 二. 初始化项目 这里使用官方的 vue-cli 初始化一个 Vue ...

  • vue-cli环境配置

    最近又重新搭建环境,又漏掉了一些。。。。想想还是记下来吧。1.搭建node环境2.安装淘宝镜像 3.全局安装web...

网友评论

      本文标题:vue-cli 多环境配置

      本文链接:https://www.haomeiwen.com/subject/ihzlrctx.html