欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

gulp:环境变量

程序员文章站 2022-06-28 19:08:32
用gulp开发的过程中,也会遇到想vue这样的需要通过环境变量来控制项目的情况,通过npm的run命令,我们可以将环境变量传递给项目中的js、html等。具体方法如下:一:安装 cross-envnpm install cross-env -d二:package.json中配置scripts: "scripts": { "build": "cross-env NODE_ENV=production gulp", "serve": "cross-env NODE_ENV=test g...

用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