cross-env环境配置

最新推荐文章于 2024-06-02 18:45:32 发布
最新推荐文章于 2024-06-02 18:45:32 发布
阅读量753 收藏
点赞数
分类专栏： webpack 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43604182/article/details/120950358
版权 
npm install --save-dev cross-env
//配置npm 命令
build:staging": "cross-env NODE_ENV=production vue-cli-service build --mode staging

配置文件名

# 测试默认配置
ENV = 'staging'
VUE_APP_BASE_API = 'http://192.168.188.208:30000'
VUE_APP_PJ_API = 'http://192.168.188.208:30001'
VUE_APP_BASE_WSS = 'ws://192.168.188.208:30000/api/extend/Message/websocket'
VUE_APP_EXTEND_URL = 'http://192.168.188.208'
VUE_APP_DATASCREEN = 'http://192.168.188.208:300'
VUE_APP_SSO_URL = 'http://192.168.189.202:10200'
VUE_APP_SSO_YXAUTH = true

里面变量就是全局变量可以直接引用
如：process.env.VUE_APP_BASE_API

已入陆地神仙
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
webpack.DefinePlugin与cross-env区别详解
11-21
webpack.DefinePlugin与cross-env常用于在项目工程化中定义环境变量，webpack.DefinePlugin用于在编译期定义环境变量，意味着在代码中写上process.env.NODE_ENV不会在编译期出现错误提醒；cross-env库用于在运行时...
cross-env-cfg:NPM模块，用于package.json脚本中的配置变量
04-15
这是cross-env一个分支，被修改为除了环境变量之外还包括Node.js配置文件。问题当您将环境变量设置为NODE_ENV=production作为所调用命令的前缀时，大多数Windows命令提示符都会阻塞（例外是[Bash on Windows] [win-...
cross-env设置NODE_ENV
HansExploration的博客
01-05 3887
1. 什么是cross-env呢？ 它是运行跨平台设置和使用环境变量的脚本。 2. 它的作用是啥？ 当我们使用 NODE_ENV = production 来设置环境变量的时候，大多数windows命令会提示将会阻塞或者异常，或者，windows不支持NODE_ENV=development的这样的设置方式，会报错。因此 cross-env 出现了。我们就可以使用 cross-env命令，这样...
解决办法： Vue cross-env NODE_ENV=production webpack --progress --hide-module
热门推荐
08-31 1万+
Vue 在本地开发的时候正常，在布到服务器的时候，运行 npm run build 提示如下错误 [root@VM_0_15_centos starve]# npm run build > vue-test@1.0.0 build /var/www/html/starve > cross-env NODE_ENV=production webpack --progress --hid...
探索 `cross-env`：跨平台环境变量设置神器
gitblog_00029的博客
03-20 307
探索 cross-env：跨平台环境变量设置神器 项目地址:https://gitcode.com/kentcdodds/cross-env 在开发JavaScript应用时，我们经常需要根据不同的运行环境（如开发、测试或生产）设置不同的环境变量。而cross-env是一个小巧却强大的npm包，它使得在Node.js项目中管理这些环境变量变得简单且跨平台。下面我们将深入探讨这个项目的用途、技术实现...
NODE_ENV和cross-env的使用
buyue
12-21 1427
场景：不同环境加载不同配置时，我们通常会在package.json设置不同的NODE_ENV，如 "scripts": { "start": "NODE_ENV=production node ./server/app.js", "dev": "NODE_ENV=development nodemon -L ./server/app.js" }, 该配置在Linux下运行...
cross-env 环境配置
細水、長流√的专栏
02-22 3099
场景 在开发过程中，通常会遇到这样的问题： 在开发环境、测试环境和生产环境中我们会用到不一样的接口 在生产环境出现了出现了某个bug，但是在测试环境不存在，这时候就需要开发环境访问生产环境的接口 多端一体的项目模式 这些情况都要手动去切换接口地址，这样会很麻烦，有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。 如何配置？ 通常情况下，我们可以在package.json文件中直接修改：例 { "scri
Uniapp 结合 dotenv，cross-env多环境配置
weixin_53639419的博客
01-25 716
官网的ts项目包，其中.env是我自己加上去用于配置环境的，让我们下载这两依赖安装dotenv与cross-env两库到开发依赖配置vite的--mode为production不起作用，运行后VITE_USER_NODE_ENV 仍然为'development'，假如我们配一下cross -env 如果同名的话，其中uni配置的变量仍然会重置为development运行script我们来打印VITE_USER_NODE_ENV，NODE_ENV 还是development。
cross-env 多项目环境配置
qq_43977829的博客
04-21 1973
package.json devDependencies下安装 cross-env（添加好要npm i） "cross-env": "^7.0.3" scripts下（注意后面这个webpack.devyuyao.conf.js，是要添加的新文件） "dev-yuyao": "cross-env VUE_APP_SSO_URL=yuyao webpack-dev-server --inline --progress --config build/webpack.devyuyao.conf.js", w
vue nuxt环境配置，配置env环境 配置cross-env
公众号安哥说前端
07-28 4030
vue nuxt环境配置，配置env环境 配置cross-env
CROSS-ENV不同环境配置
weixin_30696427的博客
07-02 932
项目背景 为了适应h5环境搭建需求，需要动态配置开发，测试，生产三种对应域名及其及打包命令。使用cross-env可以让配置环境更加清晰明了还好管理。 简介 cross-env的作用是不需要全局配置NODE_ENV在scripts脚本中修改NODE_ENV的值从而实现不同环境中proccess.env.NODE_ENV的不同，而config的工作原理就是基于NODE_ENV这个值的...
Vue2.0 cross-env配置分环境本地调试代理及打包
LikeStudyBoy的博客
11-23 1288
npm i cross-env -D /package.json，根目录下package文件，默认初始化是这样 "scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "build": "node build/build.js", "start": "npm run dev", "lint": "eslint --ext .js,.vue
vue-cli配置环境变量的方法
12-12
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常...
env-cmd：从文件设置环境变量
02-04
环境文件./.env # This is a comment ENV1=THANKS ENV2=FOR ALL ENV3=THE FISH Package.json { " scripts " : { " test " : " env-cmd mocha -R spec " } } 终奌站 ./node_modules/.bin/env-cmd node index.js...
nuxt.js根据开发环境配置BASE_URL和NODE_ENV
01-03
第一步：安装 cross-env npm i cross-env -D 第二步：配置BASE_URL和NODE_ENV package.json配置，这里的 BASE_URL PORT自行替换 //package.json scripts: { dev: cross-env NODE_ENV=development BASE_URL=10.181....
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 630
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 366
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
我成功创建了一个Electron应用程序
最新发布
lulei5153的博客
06-02 244
1.创建electron项目命令： yarn create @quick-start/electron electron-memo。2选择：√ Select a framework: » vue。3.命令：cd electron-memo。6.打包命令：yarn build:win。5.启动命令： yarn dev。7.修改 index.html。6.修改 App.vue。
cross-env 配置process.env.node_env
09-15
4. 最后，运行该脚本命令，cross-env 会帮助你配置正确的环境变量，确保 process.env.NODE_ENV 的值被正确地设置。 通过以上步骤，你就可以使用 cross-env 来配置 process.env.NODE_ENV 了。这样做的好处是在不同...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值