Node.js -- npm包 cross-env 配置环境名称

最新推荐文章于 2024-04-26 16:30:08 发布
最新推荐文章于 2024-04-26 16:30:08 发布
阅读量552 收藏
点赞数
分类专栏： npm Node.js 文章标签： vue.js node npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_40573810/article/details/121532510
版权
1、安装

npm i cross-env -S

2、配置名称
  "scripts": {
   
    "serve": "cross-env NODE_ENV=development vue-cli-service serve",
    "build": "cross-env NODE_ENV=production vue-cli-service build",
   }
3、判断环境执行代码

例如在项目打包的时候进行压缩代码，平常编译的时候不进行压缩

module.
最低0.47元/天 解锁文章
金憨憨_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
cross-env-7.0.3.zip
06-16
`cross-env`的核心目标是解决在Node.js项目中设置环境变量时遇到的平台兼容性问题。在Windows系统中，环境变量的设置与Unix/Linux系统有很大区别，这可能导致在不同的操作系统上运行同一脚本时出现问题。`cross-env`...
Vue项目根据不同运行环境打包项目
小破孩的博客
11-30 4583
场景 在开发过程中，通常会遇到这样的问题： 在开发环境、测试环境和生产环境中我们会用到不一样的服务接口 在生产环境出现了出现了某个bug，但是在测试环境不存在，这时候就需要开发环境访问生产环境的接口 多端一体的项目模式 这些情况都要手动去切换接口地址，这样会很麻烦，有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。 第一步 安装依赖 cross-env 使用 cross-env 解决跨平台问题。在终端运行： npm
cross-env环境配置
qq_43604182的博客
10-25 778
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' V
uni-app中配置自定义条件编译
最新发布
lyj168997的博客
04-26 615
条件编译起作用的地方在这个地方node_modules/@dcloudio/uni-cli-shared/lib/plugin.js文件的这里。这里的ct.js文件中的a是你需要自定义 process.UNI_SCRIPT_DEFINE赋值内容。这里的取值，在vue-cli-service执行时就完成了，所以在执行前做变量赋值，替换文件，主要看scripts的执行命令，其他依赖就是用vue-cli方式创建uni-app项目生成的。前提：官网提供的自定义编译不满足条件。此时自定义条件编译就完成了！
webpack打包vue项目添加混淆方式，解决缓存问题
weixin_41127362的博客
07-26 4268
webpack打包vue项目添加混淆js
vue-cli-service build 不同环境的配置
青春木鱼的博客
09-22 1627
在项目部署时，我们需要在测试环境和生产环境使用不同的变量。vue-cli提供了vue-cli-service build打包命令，然而vue-cli-service build默认的环境变量值则为production。那我们通过npm run build打包构建，想要实现不同环境使用不同变量，暂时不能实现。
vue项目中npm install初始化报错以及‘cross-env’ 不是内部或外部命令问题
小圣贤君的博客
07-27 2016
cross-env’ 不是内部或外部命令，也不是可运行的程序或批处理文件。 如果你碰到这个问题，你的项目中node_modules应该是没有正常创建成功，导致找不到依赖包。 如果有node_modules文件夹，请删除node_modules文件夹，然后重新执行npm install命令。 如果没有，你的命令行中一定会有大量报错。 这就牵扯到了npm install初始化项目报错问题，该如何解决？ npm install --ignore-scripts 请按照此命令执行，查看执行效果。 ...
cross-env-设置环境变量跨平台
08-09
通过`cross-env`，你可以确保这些库在所有平台上都能得到正确的环境配置。 ### 文件结构 在提供的压缩包文件`kentcdodds-cross-env-739fd62`中，可能包含了`cross-env`项目的源代码。这个版本可能是由kentcdodds...
npm-cross-conf-env：在npm-scripts中跨平台package.json的“配置”和根变量引用
02-03
$ npm install --save--dev cross-conf-env 用法 在package.json的config中设置值。 { "name" : "sample" , "version" : "1.0.0" , "config" : { "app" : "MyApp" } , "scripts" : { "var" : "cross-conf-e
cross-env-7.0.2.zip
06-16
7. **最佳实践**：推荐在`package.json`的`scripts`部分使用cross-env，确保所有团队成员和持续集成(CI)系统都遵循相同的环境配置。 8. **安全注意事项**：尽管环境变量是存储敏感信息（如API密钥）的常见方式，但...
vue-cli配置环境变量的方法
12-12
在实际项目开发中,经常会碰到需要环境变量的情景,在vue-cli的环境下,默认已经配置了一个NODE_ENV的环境变量,当npm run dev的时候这个是development, 当npm run build 的时候这个是production.用过vue-cli开发的通常...
vue配置各种环境-环境切换问题-打包自由切换
lqlq54321的博客
01-12 2781
vue-cli版本是2.0左右的就会有webpack的config目录 vue-cli版本是3.0以上的就会有vue.config.js没有config目录 我们先来看第一种怎么配置（有webpack的config目录） 目录： 配置：这里一共展示dev环境和生产环境，其他环境在config目录类似添加 第一步： config目录=》index.js dev: { assetsSubDirectory: 'static', assetsPublicPath: '/', p.
vue-cli-service build 如何环境设置，打出不同环境的包
热门推荐
qq_36437172的博客
08-13 1万+
使用 vue-cli-service 打包项目，通过配置不同的指令，给项目设置不同的配置，达到使用指令打出不一样的包，避免来回切换环境配置信息。 运行 npm run serve 时，会把 process.env.NODE_ENV 设置为 'development'; 运行 npm run build 时，会把 process.env.NODE_ENV 设置为 'production'; "scripts": { "serve": "vue-cli-service serve", "buil
使用cross-env
weixin_44476861的博客
11-14 686
写一篇短的博客来对cross-env的使用做一下笔记。 cross-env是跨平台设置和使用环境变量的脚本。 在大多数Windows命令行中在使用NODE_ENV = production设置环境变量时会报错。同样，Windows和Linux命令如何设置环境变量也有所不同。 使用 cross-env 可以设置在不同的平台上有相同的NODE_ENV参数。 在vue中： "serve": "cross-env NODE_ENV=development vue-cli-service serve", "build
vue 自定义命令控制打包运行切换环境。
举案齐眉意难平
02-22 1450
如何自定义vue 打包，运行的npm 指令
npm 脚本跨平台设置环境变量命令 cross-env
路过君的博客
01-22 967
问题 不同操作系统平台设置和使用环境变量的命令不同，导致npm脚本异常 解决 使用cross-env，以统一方式设置环境变量，并能在不同平台兼容运行 安装 npm install --save-dev cross-env 使用 package.json "scripts": { "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js" } ...
cross-env 环境配置
細水、長流√的专栏
02-22 3143
场景 在开发过程中，通常会遇到这样的问题： 在开发环境、测试环境和生产环境中我们会用到不一样的接口 在生产环境出现了出现了某个bug，但是在测试环境不存在，这时候就需要开发环境访问生产环境的接口 多端一体的项目模式 这些情况都要手动去切换接口地址，这样会很麻烦，有时还可能出现操作失误。这时候就需要用到cross-env进行分环境配置了，根据不同的环境，我们使用对应的接口，这样也就不用手动去操作。 如何配置？ 通常情况下，我们可以在package.json文件中直接修改：例 { "scri
vue 不同环境打包指令的配置（vue-cli2、vue-cli3、vite）
lx6091543wwwcctv的博客
04-07 817
一个项目可能会有开发版本、上线版本、测试版本等等多个版本，不同的环境会有不同请求api接口，就需更改一些基本配置，这时候为不同环境配置不同的打包指令就很必要。
cross-env 配置process.env.node_env
09-15
在使用 cross-env 进行配置 process.env.NODE_ENV 时，你可以按照以下步骤进行操作： 1. 首先，确保已经全局安装了 cross-env，如果没有安装可以使用以下命令进行安装： ``` npm install -g cross-env ``` 2. ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值