cross-env使用笔记

最新推荐文章于 2025-05-16 23:24:23 发布

weixin_33757911

最新推荐文章于 2025-05-16 23:24:23 发布

阅读量757

点赞数

CC 4.0 BY-SA版权

文章标签： webpack json ViewUI

原文链接：https://segmentfault.com/a/1190000018078092

本文介绍如何利用cross-env工具在不同平台上为Webpack正确设置环境变量，通过npm脚本和package.json文件实现dev和prod环境的区分。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原文链接

配置webpack遇到了要区分环境的问题，找到了 cross-env：

npm安装方式

npm i --save-dev cross-env

在package.json

{ "scripts": 
 {
  "dev": "cross-env ASSETS_ENV=dev node build/build.js",
   "build": "cross-env NODE_ENV=prod node build/build.js"
 } 
}

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

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33757911

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Taro 小程序 NODE-ENV 环境变量

ifmushroom的博客

09-03

4653

cross-env:需要安装依赖，使用cnpm i cross-env -D package.json: { "name": "myApp", "version": "1.0.0", "private": true, "description": "我的taro项目1", "templateInfo": { "name": "default", "typescript": false, "css": "sass" }, "scripts": {

node项目启动方式统计、开发/生产环境的配置 ---- 学习笔记 (八)

yiyueqinghui的博客

07-16

1146

启动node项目方式 1、node方式 node [入口js文件路径] 缺点： 1、窗口关闭后服务自动停止， 2、文件变化后需要手动重启 2、npm方式 ----- 通过package.json配制命令第一步，运行npm init ，生成package.json文件；第二步，在package.json中的scripts中配制启动命令，比如将第一种方式的启动命令写入scripts中,比如npm run dev进行如下配置： { "name": "cj", "version": "1.

参与评论您还未登录，请先登录后发表或查看评论

cross-env 使用教程

nullccc的博客

02-18

1266

本系列是我的常用 koa 中间件使用笔记，防止忘记使用方法而作记录 cross-env可以运行跨平台设置和使用环境变量的脚本。使用方式设置npm脚本： "scripts": { "dev": "cross-env NODE_ENV=dev node app.js" }, 这样使用设置的环境变量 //app.js console.log(process.env.NODE_ENV); //输出dev ...

cross-env的介绍，安装，用法

qq_44776454的博客

11-01

1万+

cross-env的介绍，安装，用法

npm cross-env工具包介绍（跨平台环境变量设置工具）

最新发布

Dontla的博客

05-16

2019

cross-env是一个简单而强大的npm工具包，它解决了在不同操作系统平台上设置环境变量的一致性问题。无论你使用的是Windows、macOS还是Linux，cross-env都能确保你的npm脚本能够以相同的方式运行。简化开发流程，提高团队协作效率消除平台差异，实现"编写一次，随处运行"与现有工具链轻松集成代码简洁，性能良好通过合理使用cross-env，可以显著提升多平台项目的开发效率和代码可移植性，减少因环境差异导致的问题。

npm 脚本跨平台设置环境变量命令 cross-env

路过君的博客

01-22

1137

问题不同操作系统平台设置和使用环境变量的命令不同，导致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

qq_43765727的博客

07-16

700

cross-env 是一个跨平台设置环境变量的第三方包由于Windows系统和Mac系统设置环境变量的方式不同 Windows 系统 // package.json { ... "scripts": { "dev": "set NODE_ENV=development && webpack-dev-server --open --hot", "build": "set NODE_ENV=production && --progress --hi

探索 `cross-env`：跨平台环境变量设置神器

gitblog_00029的博客

03-20

666

探索 cross-env：跨平台环境变量设置神器在开发JavaScript应用时，我们经常需要根据不同的运行环境（如开发、测试或生产）设置不同的环境变量。而cross-env是一个小巧却强大的npm包，它使得在Node.js项目中管理这些环境变量变得简单且跨平台。下面我们将深入探讨这个项目的用途、技术实现和特点。项目简介 cross-env是由开发者Kent C. Dodds创建的一个开源项目...

菜鸟录（一）——TS+React环境0到1历程

weixin_41607579的博客

08-22

505

前言从大四实习开始，一直都是在做零零碎碎的东西，辗转于各种业务需求之间，从来没有从0到1跟过一个完整的项目，这就导致我所有学过的知识很零散，不具有连贯性和实操性。我意识到这样辗转于各种业务需求之间，并不会促进我自身的进步，更为危险的是这将浪费一个菜鸟最为宝贵的成长时机。既然没有机会，那我就自己创造机会。因此，有了TS+React环境搭建、npm包的发布、脚手架搭建这一系列从0到1的笔记。(这是一个一心想搞好技术的菜鸟的自我记录，不足之处，还望各位大佬多多提点) 从webpack入手安装web...

立创泰山派tspi-训练营笔记-WSL2使用Docker编译泰山派tspi的SDK（Win11）

ObviouslyCheng的博客

02-06

1912

本文是在使用WSL2编译立创泰山派SDK时的一些笔记，也整合了网上很多大佬解决WSL2安装Docker，以及repo等方法。本文的系统为专业版编译流程参考泰山派官方文档：https://lceda001.feishu.cn/wiki/Da5owUV4dipiqUkZycbcxckinvc。

NPM介绍

灵韵的博客

07-07

1252

npm 允许在 package.json 文件里面，使用 scripts 字段定义脚本命令。// ...保存为index.js。

cross-env-设置环境变量跨平台

08-09

cross-env - 设置环境变量跨平台

webpack 相关

架构师的成长之路的博客

01-04

707

Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档

热门推荐

编程知识分享，主打前端

03-03

2万+

大家好，我是yma16，本文分享关于Docusaurus框架——react+antd+echarts自定义mdx生成图表代码解释文档。MDX（Markdown with JSX）是一种将JSX语法与Markdown语法结合的文件格式。它通常用于编写文档、文章或博客等内容，并支持在文档中直接编写和渲染React组件。MDX文件使用.mdx扩展名，并可以通过配置将其转换为React组件。它可以包含Markdown标记，如标题、段落、链接和列表等，同时还可以包含React组件和JSX代码块。

【Node】为什么需要 cross-env ？

day day up

08-19

831

cross-env 是一个流行的 npm 包，用于在跨平台（如 Windows、Linux 和 macOS）环境中设置和使用环境变量。它允许你以一致的方式在 npm 脚本中设置环境变量，而不需要担心不同操作系统之间的命令行差异。

【npm第4期】文件系统操作的跨平台兼容

weixin_34130269的博客

06-19

239

npm script 中涉及到的文件系统操作，而这些基本操作也提供了跨平台兼容的包，如下： rimraf 或 del-cli，用来删除文件和目录，实现类似于 rm -rf 的功能 cpr，用于拷贝、复制文件和目录，实现类似于 cp -r 的功能； make-dir-cli，用于创建目录，实现类似于 mkdir -p 的功能； cross-var 实现跨平台的变量引用注意当...

webpack打包html修改变量,webpack4.0打包优化策略(二)

weixin_39817391的博客

06-09

673

打包优化策略区分开发和生产环境通常我们在开发网页时需要区分构建环境开发环境(development) 开发过程中方便开发调试的环境生产环境(production) 发布到线上使用的运行环境通过npm命令区分通过cross-env模块设置环境变量cross-env 跨平台地设置及使用环境变量,而不必担心为平台正确设置或使用环境变量。npm i cross-env -D复制代码Usagenpm scr...

cross-env的使用

qq_43340606的博客

07-06

1259

cross-env怎么使用，作用是什么，根据官网的解释它是这样子的简而言之个人的理解是：官网地址：安装：官网的案例：衍生可以给NODE环境设置一个变量，通过process.env.xxxxx来获取，我们根据相对应的变量进行不同的配置。这个段代码我们设置了一个PROJECT_NAME的变量，通过process.env.PROJECT_NAME来获取到变量的值oneProject 。...

【vue】cross-env使用和配置

weixin_47351913的博客

08-18

1540

cross-env 是一个非常实用的 Node.js 包，它允许你跨平台（Windows, macOS, Linux）使用环境变量。这对于在不同的操作系统上运行脚本时保持一致性非常有用。

cross-env使用方法

04-26

Cross-env是一个跨平台设置环境变量的小工具，可以在不同操作系统和不同命令行工具下使用。使用Cross-env的方法是先用npm安装该工具，然后在package.json中配置相关命令的环境变量。具体使用方法如下： 1. 安装...