process.env.NODE_ENV 开发与生产模式

最新推荐文章于 2025-06-16 12:41:44 发布

白洒二三斤

最新推荐文章于 2025-06-16 12:41:44 发布

阅读量1.2w

点赞数

CC 4.0 BY-SA版权

分类专栏： node

本文链接：https://blog.youkuaiyun.com/qq_33234788/article/details/82977913

2 篇文章

订阅专栏

本文介绍cross-env如何简化跨平台环境变量设置，以及webpack4的零配置与打包模式新特性。cross-env使设置环境变量变得简单，无需担忧跨平台问题；webpack4的生产模式实现代码压缩、作用域提升等功能，而开发模式注重快速编译。

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

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

cross-env让这一切变得简单，不同平台使用唯一指令，无需担心跨平台问题
这个迷你的包(cross-env)能够提供一个设置环境变量的scripts，让你能够以unix方式设置环境变量，然后在windows上也能兼容运行。

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便设置成功，无需担心跨平台问题

以前我们使用webpack，通常需要定义两个配置文件，一个用于development环境，一个用于生产环境。

通常在package.json，配置一下scripts：

"scripts": {
  "dev": "webpack --mode development",
  "build": "webpack --mode production"
}

Production mode做了些什么事情呢？主要有minification, scope hoisting, tree-shaking等等。对应的Development mode则主要是优化编译速度，输出一个没有压缩的文件。

简单讲完这零配置和打包模式的新特性，我们接下来了解一下在实际运用中的一些新特性吧！