html中<script> window.env = { NODE_ENV: '<%= process.env.NODE_ENV %>' }; </script>,但是window.env.NODE_ENV打印出来是'<%= process.env.NODE_ENV %>'
时间: 2023-08-22 21:28:47 浏览: 148
这个问题看起来像是模板引擎没有正确解析变量的问题。在这个代码片段中,"<%=" 和 "%>" 之间的代码应该被模板引擎解析并替换成 "process.env.NODE_ENV" 的值。
如果 "window.env.NODE_ENV" 打印出来的确实是 "<%= process.env.NODE_ENV %>" 而不是变量的值,那么可能是因为模板引擎没有正确解析这个变量。你可以检查一下代码中是否正确引入了模板引擎,并且检查一下模板引擎的语法是否正确。
另外,如果你正在本地开发,可能需要在你的本地环境中设置 "process.env.NODE_ENV" 的值,否则它可能会被解析成空字符串。你可以在命令行中设置环境变量,例如:
```
NODE_ENV=development npm start
```
这将在启动应用程序时将 "NODE_ENV" 设置为 "development"。
相关问题
sourcemap: process.env.NODE_ENV
sourcemap: process.env.NODE_ENV是一个在Webpack中使用的表达式,它用于根据当前的环境变量来确定是否生成sourcemap。sourcemap是一种用于将编译后的代码映射回原始源代码的技术。在这个表达式中,process.env.NODE_ENV是一个从系统环境中获取的变量,用于判断当前是生产环境还是开发环境。
具体来说,process.env是Node.js中的一个环境对象,它保存着系统环境的变量信息。NODE_ENV是一个用户自定义的变量,在Webpack中被用来判断当前是生产环境还是开发环境。根据这个变量的值,Webpack可以决定是否生成sourcemap。
在Vue项目中,vue-cli-service使用dotenv来管理环境变量。环境变量文件中定义的参数会被注入到process.env中。因此,当我们在Webpack中使用sourcemap: process.env.NODE_ENV时,实际上是根据项目的环境变量来决定是否生成sourcemap。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [深入理解webpack process.env.NODE_ENV配置](https://download.csdn.net/download/weixin_38515897/13131654)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [#Vue篇:全局配置process.env.NODE_ENV和process.env.VUE_APP_ENV的用法](https://blog.csdn.net/weixin_47075554/article/details/128119257)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
process.env.NODE_ENV测试环境
process.env.NODE_ENV测试环境的配置可以按照以下步骤进行:
1. 找到build.js文件,将`process.env.NODE_ENV = 'production'`注释掉。
2. 找到webpack.prod.conf.js文件,将`const env = require('../config/prod.env')`修改成动态的`const env = require(`../config/${process.env.NODE_ENV}.env`)`。
3. 在config文件夹中添加test.env.js文件,并在文件中添加以下内容:
```
'use strict'
module.exports = {
NODE_ENV: '"test"'
}
```
4. 安装cross-env模块,因为node没有这个模块,需要运行`npm install --save-dev cross-env`进行安装。
5. 找到package.json文件,修改"scripts"部分如下:
```
"scripts": {
"dev": "cross-env NODE_ENV=development webpack-dev-server --host 0.0.0.0 --inline --progress --config build/webpack.dev.conf.js",
"start": "npm run dev",
"test": "cross-env NODE_ENV=test node build/build.js",
"build": "cross-env NODE_ENV=production node build/build.js"
}
```
完成以上步骤后,你就可以使用`npm run test`来在测试环境中使用代码打包了。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [vue测试环境、正式环境、本地环境 process.env.NODE_ENV](https://blog.csdn.net/sinat_41549289/article/details/116997677)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [深入理解webpack process.env.NODE_ENV配置](https://download.csdn.net/download/weixin_38515897/13131654)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
阅读全文