用gulp开发的过程中,也会遇到想vue这样的需要通过环境变量来控制项目的情况,通过npm的run命令,我们可以将环境变量传递给项目中的js、html等。具体方法如下:
一:安装 cross-env
npm install cross-env -d
二:package.json中配置scripts:
"scripts": {
"build": "cross-env NODE_ENV=production gulp",
"serve": "cross-env NODE_ENV=test gulp",
"test": "cross-env NODE_ENV=test gulp",
"trail": "cross-env NODE_ENV=trail gulp"
},
三:gulpfile.js中生成环境变量文件env.js
var fs = require('fs');
var env = 'test';
function set_env(type){
env = type || env;
// 生成env.js文件,用于开发页面时,判断环境
fs.writeFile("./src/js/env.js", 'function ENV (){ return "' + env + '"};', function(err){
err && console.log(err);
});
}
set_env(process.env.NODE_ENV)
这样就可以在js或html文件中引入并使用环境变量了。
本文地址:https://blog.csdn.net/skyblacktoday/article/details/109235711
您可能感兴趣的文章:
- vue init初始化项目后 npm run dev报错 10% building modules 1/1 modules 0 activeevents
- axios 处理 302 状态码的解决方法
- [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See https://www.chromestatus.com/feature
- react-native 在新版Xcode(10+)中运行出现的问题: node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!
网友评论