cross-env使用笔记

本文介绍cross-env工具,用于解决在Windows和POSIX平台间设置环境变量的不兼容问题,如NODE_ENV,通过单一指令实现跨平台操作,简化了在不同操作系统中使用npm脚本的过程。
本文转载自: https://www.cnblogs.com/yanze/p/7879631.html 作者:yanze 转载请注明该声明。

cross-env能跨平台地设置及使用环境变量

大多数情况下,在windows平台下使用类似于: NODE_ENV=production的命令行指令会卡住,windows平台与POSIX在使用命令行时有许多区别(例如在POSIX,使用$ENV_VAR,在windows,使用%ENV_VAR%。。。)

cross-env让这一切变得简单,不同平台使用唯一指令,无需担心跨平台问题

npm安装方式

npm i --save-dev cross-env

在npm脚本(多是package.json)里这么配置

{
  "scripts": {
    "build": "cross-env NODE_ENV=production webpack --config build/webpack.config.js"
  }
}

运行npm run build,这样NODE_ENV便设置成功,无需担心跨平台问题

 

[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. [system] WeChatLib: 3.10.0 (2025.9.10 19:25:06) [system] Subpackages: N/A [system] LazyCodeLoading: false wx.getSystemInfoSync is deprecated.Please use wx.getSystemSetting/wx.getAppAuthorizeSetting/wx.getDeviceInfo/wx.getWindowInfo/wx.getAppBaseInfo instead. getSystemInfoSync @ ​ (anonymous) @ ​ (anonymous) @ ​ Sat Nov 15 2025 14:54:28 GMT+0800 (中国标准时间) 配置中关闭合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书检查 工具未校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书。 refresh @ ​ onLoad @ ​ [system] Launch Time: 2374 ms [pages/InformationCollection/InformationCollection] [Component] <wx-image>: 图片链接 http://127.0.0.1:8000/media/collection/2025/11/15/004.jpg 不再支持 HTTP 协议,请升级到 HTTPS [pages/InformationCollection/InformationCollection] [Component] <wx-image>: 图片链接 http://127.0.0.1:8000/media/collection/2025/11/15/003.jpg 不再支持 HTTP 协议,请升级到 HTTPS [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details. ​ DELETE http://127.0.0.1:8000/smart/collection4 404 (Not Found)(env: Windows,mp,1.06.2504030; lib: 3.10.0) complete @ ​
最新发布
11-16
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值