多环境打包

今天药忘吃喽~ 2023-01-02 03:19 250阅读 0赞

1、vue-cli3

  1. 在根目录创建
  2. .env.development(开发环境)
  3. NODE_ENV = development
  4. .env.prod(生产环境) 
  5. NODE_ENV = production

ps:
上述的 文件中的变量 只要是 VUE_APP_ 开头的都可以因为 只有以 VUE_APP_ 开头的变量会被 webpack.DefinePlugin 静态嵌入到客户端侧的包中。都可以使用 process.env.VUE_APP_ 获取相应的值

  1. package.json
  2. ”scripts“: { 
  3.        "dev" : "vue-cli-service serve --port 8080 --open"
  4.        "build": "vue-cli-service build --mode prod"
  5.        // --mode 后对应 .env.[model]的model
  6. }

ps：
本地开发环境时 如果 本地开发环境 配置 的 .env.[model] 文件名中的 model 为 development 那么 直接使用上述的 vue-cli-service serve —port 8090 —open命令，但是 如果 .env.[model]的文件名中的model 不是 development 那么 就需要在 命令后面添加 —model 这个model的值 对应的就是 .env.[model]文件的 后缀[model]的值

2、vue-cli2
cross-env
安装 cross-env ： npm i cross-env -D
config文件夹
创建development.env.js在这里插入图片描述
创建prod.env.js
在这里插入图片描述
在package.json
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，250人围观）

还没有评论，来说两句吧...

相关阅读

    相关 Maven Profile多环境打包

    在日常开发中，通常不止一套环境，如开发环境、测试环境、预发环境、生成环境，而每个环境的配置项可能都不一样，这就需要用到多环境打包来解决这个问题。 1.在项目的resou

    灰太狼灰太狼/ 0 赞/ 111 阅读

    相关 umi 配置多环境打包

    平时我们开发应用时环境有开发环境、测试环境、生产环境等,此时我们需要配置不同的环境,获取不同的apiUrl前缀，以满足日常开发需要。 1.安装 cross-env 插件

    亦凉亦凉/ 0 赞/ 926 阅读