多环境打包

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

**1、vue-cli3**

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

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

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

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![在这里插入图片描述][20210104152753534.png_pic_center]  
创建prod.env.js  
![在这里插入图片描述][20210104152837517.png_pic_center]  
在package.json  
![在这里插入图片描述][20210104152908934.png_pic_center]

[20210104152753534.png_pic_center]: /images/20221120/60e0e214d12b4f37a934ce51438ee7ee.png
[20210104152837517.png_pic_center]: /images/20221120/85405c37c5c14e32aa54d05eda05c6ff.png
[20210104152908934.png_pic_center]: /images/20221120/8e15b4c19e044409a814f852d67eebb2.png

发表评论取消回复

表情：

评论列表（有 0 条评论，202人围观）

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

相关阅读

相关 vue-cli 多环境构建打包

多环境简介官方文档：[https://cli.vuejs.org/zh/guide/mode-and-env.html][https_cli.vuejs.org_zh_

短命女/ 2023年10月03日 14:59/ 0 赞/ 1 阅读

相关 Maven Profile多环境打包

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

灰太狼/ 2023年06月30日 07:00/ 0 赞/ 56 阅读

相关 springboot maven 多环境打包配置

打包的时候先勾选右侧的环境变量选项，再打包 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM

你的名字/ 2023年02月24日 03:56/ 0 赞/ 14 阅读

相关多环境打包

1、vue-cli3 在根目录创建 .env.development(开发环境) NODE_ENV = development .env.pr

今天药忘吃喽~/ 2023年01月02日 03:19/ 0 赞/ 203 阅读

相关 .env前端配置多环境打包

.env前端环境变量配置 > 参考资料： > `https://www.cnblogs.com/xiaohouzi6/p/14445570.html` > `ht

待我称王封你为后i/ 2022年09月11日 05:28/ 0 赞/ 264 阅读

相关 Gradle 多环境、多渠道打包

最近项目从eclipse迁移到AS上，主要是为了使用gradle这个插件进行apk打包。毕竟程序员还是要与时俱进的。首先介绍下项目主要需求： 1、使用百度统计，需要对个平台

我不是女神ヾ/ 2022年08月09日 13:45/ 0 赞/ 270 阅读

相关 Eclipse+maven多环境，每个环境多配置打包

公司现在项目都是用的ant脚本打的war包，不过经理觉得现在都是用的maven,或者是gradle会更好,ant那个东西太古董了，让我考虑下业余时间给

向右看齐/ 2022年06月09日 00:10/ 0 赞/ 430 阅读

相关 SpringBoot之jar多环境打包

SpringBoot打包成jar是对SpringBoot较好的部署方式，毕竟SpringBoot的优势就是在于前后端分离。如果不对SpringBoot进行任何配置，默认jar打

秒速五厘米/ 2022年03月15日 03:58/ 0 赞/ 409 阅读

相关 umi 配置多环境打包

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

亦凉/ 2022年03月02日 08:14/ 0 赞/ 880 阅读

相关 vue 多环境打包

package.json默认配置 "scripts": { "serve": "vue-cli-service serve", "b

我会带着你远行/ 2021年09月07日 06:13/ 0 赞/ 457 阅读