npm 中设置环境NODE_ENV变量,判断失败打印process.env.NODE_ENV确实是"development",但是判断process.env.NODE_ENV === "development" 是false
2024-10-21 10:08:16
通过package.json 的scripts脚本 修改NODE_ENV的值来区分开发环境和生产环境。
"scripts": {
"build": "set NODE_ENV=production && webpack",
"dev": "set NODE_ENV=development && webpack-dev-server",
"test": "echo \"Error: no test specified\" && exit 1"
},
webpack.config.js
//webpack.config.js
// 首先引入插件1
const HtmlWebpackPlugin = require('html-webpack-plugin');
const isDev = process.env.NODE_ENV === "development";
console.log('process.env.NODE_ENV')
console.log(process.env.NODE_ENV)
console.log((process.env.NODE_ENV == "development" ? 'true1' : 'false1'))
console.log(isDev)
console.log(123)
执行 npm run dev
打印结果
process.env.NODE_ENV
development
false1
false
123
那么问题来了 ~~~ 打印出的process.env.NODE_ENV 的值已经是
development
但是判断起来依然是false。
解决办法如下
1. 修改package.json
"scripts": {
"build": "set NODE_ENV=production && webpack",
"dev": "set NODE_ENV=development&& webpack-dev-server",
"test": "echo \"Error: no test specified\" && exit 1"
},
因为你的NODE_ENV是【production 】,多了一个空格~~
1、set NODE_ENV=production&& webpack
2.
//webpack.config.js
// 首先引入插件1
const HtmlWebpackPlugin = require('html-webpack-plugin');
const isDev = (process.env.NODE_ENV.trim()) === "development";
再次打印
process.env.NODE_ENV
development
true1
true
123
最新文章
- react-redux
- spark2.0.1 安装配置
- leetcode 206
- HackerRank Extra long factorials
- could not write file C:\DOCUME~1\ADMIN
- 《C专家编程》读书笔记
- SQLServer游标详解
- Mac 终端提示You have not agreed to the Xcode license agreements
- Hibernate 映射字段问题[ImprovedNamingStrategy]
- PAT (Advanced Level) 1090. Highest Price in Supply Chain (25)
- Asp.Net Core配置Swagger
- ubuntu 1604安装docker-ce 记录
- html 文本解码 xpath 获取html标签
- 使用Fiddler进行手机端抓包
- python学习第4天
- SQL SELECT INTO
- yum方式安装lnmp
- (2018干货系列四)最新Python学习路线整合
- CAS 5.1.x 的搭建和使用(二)—— 通过Overlay搭建服务端-其它配置说明
- hdu 3118 Arbiter