首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >gulp-preprocess + os 根据打包环境设置 请求地址

gulp-preprocess + os 根据打包环境设置 请求地址

作者头像
copy_left
发布2019-08-21 16:41:49
发布2019-08-21 16:41:49
1.2K00
代码可运行
举报
文章被收录于专栏:方球方球
运行总次数:0
代码可运行
安装依赖
代码语言:javascript
代码运行次数:0
运行
复制
// npm
npm i --save-dev gulp-preprocess

// yarn 
yarn add -d gulp-preprocess
获取本地IP
代码语言:javascript
代码运行次数:0
运行
复制
const os = require('os')
function getLocalHost(){
    const netWork = os.networkInterfaces()
    const lcoalKey = Object.keys(netWork)[0] 
    return  netWork[lcoalKey][1].address
}

module.exports = getLocalHost
gulp配置
代码语言:javascript
代码运行次数:0
运行
复制
const preprocess = require('gulp-preprocess')
const ENV = process.env.NODE_ENV || 'dev' // 获取环境变量
const getLocalHost = require('./getLocalHost.js')

function JS(){
    return src('./index.js')
           .pipe(preprocess({ context: { NODE_ENV: EVN_TYPE,  URL: getLocalHost()  } }))
           // 设置源码内变量
           ....
}

js 配置

代码语言:javascript
代码运行次数:0
运行
复制
{
   
   // 默认地址
   baseUrl: '/',
    
   // 开发地址 
      
   // @if NODE_ENV='dev'
   baseUrl: '/* @echo URL */'
   // @endif
}

命令行设置环境变量

代码语言:javascript
代码运行次数:0
运行
复制
set NODE_ENV=dev&&gulp  // 开发模式

set NODE_ENV=production&&gulp  // 生产模式
注意事项
  • 通过命令行配置的环境变量,为临时变量, 只针对当前shell环境, 可以通过添加系统环境变量或 package.json 简化调用.
  • 本地ip地址的获取, 不要针对个人及其做调整,可以将 os.networkInterfaces() 打印出来,选择所需的地址项
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019.04.02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 安装依赖
  • 获取本地IP
  • gulp配置
  • 注意事项
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档