IBPS v3.3.4 后支持

常量

在项目中经常需要定义常量(应用运行后不更改的属性)复用,以提高代码可维护性。例如:服务接口地址、秘钥、应用名称、站点路径等等。

定义常量

项目中的常量统一在/src/constant.js 文件中定义,如:

export const BASE_API = 'http://127.0.0.1:15100'

调用常量

需要调用时导入即可,如:

import {BASE_API} from '@/constant'
console.log(BASE_API)

静态配置

什么是静态配置?

       项目代码需要经过webpack打包,任何代码的改动都需要重新编译。 在实践中经常需要同一份代码需要部署到多个环境,各个环境的常量值会不同。静态配置就是把常量抽取到一个不通过webpack打包的文件,在编译后依然可以修改。

定义静态配置

静态配置是在/public/config.js 文件中定义

静态配置需要与常量定义结合, 如:

/src/constant.js

/**
 * 读取静态配置
 * @private
 */
const __IBPS_CONFIG__ = window.__IBPS_CONFIG__ || {}

/**
 * 接口服务器
 * @type {*|string}
 */
export const BASE_API = __IBPS_CONFIG__['BASE_API'] || 'http://127.0.0.1:8080'

/public/config.js


(function (global) {
  global.__IBPS_CONFIG__ = {

    // 接口服务
    BASE_API: 'http://192.168.3.230:15100/ibps'
  }

})(window)

上述代码实现了把 常量 BASE_API 抽到了静态配置, 在编译打包后的产物依然可以对 config.js 进行修改,而不需要重复打包

版本升级

在v3.3.3旧版本则env.[环境]配置

/public/config.js下的 ENABLE_CONFIG设置为true 则启动 配置文件的配置;
否则则按env.[环境]配置的配置

如果设置为true部署时候,抽到了静态配置, 在编译打包后的产物依然可以对 config.js 进行修改,而不需要重复打包

文档更新时间: 2021-02-04 11:32   作者:hugh