Question

我希望在浏览器中使用https://github.com/flatiron/nconf。我曾尝试将它与browserify一起使用，但由于nconf在需要扫描目录以进行配置时调用fs.readdirSync，因此在浏览器中失败。

// config.js
'use strict';

var nconf = require('nconf'); // this triggers the fs.readdirSync

var globalConfig = { my: { global: 1 }};
nconf.use('global', { type: 'literal', store: globalConfig });

var envConfig = { my: { env: 2 }};
nconf.use('env', { type: 'literal', store: envConfig });

module.exports = nconf;

是否可以使用某种browserify转换（我没有看到让它强制在nconf中使用BRFS的方法）或者使用nconf（或其他类似的库）来管理客户端配置的方法？

如果不是nconf本身，那么只允许我做类似的事情：

config.load('user-settings', { my : { user: 1 } });
config.load('global-settings', { my: { global: 2 } } );

config.get('my.user'); // 1
config.get('my.global'); // 2

config.unload('global-settings');

config.get('my.global'); // undefined

Answer 1

我最近自己遇到了这个问题。我决定只整理自己的配置文件，而不是引入另一个库。这就是我最终得到的：

/*
 This file determines which environment we're in, and provides the app with the appropriate config
 */
export const defaults = {
  searchURI: 'http://www.google.com/',
  anotherURI: 'https://stackoverflow.com/',
};

export const dev = {
  searchURI: 'https://www.bing.com/',
};

export const test = {
  searchURI: 'https://www.yahoo.com/',
};

export const prod = {
  searchURI: 'https://duckduckgo.com/',
};

const config = () => {
  switch (process.env.YOUR_ENV_NAME) {
    case 'dev':
      return dev;
    case 'test':
      return test;
    default:
      return prod;
  }
};

export default {
  ...defaults,
  ...config(),
};

使用此模式，您可以像导入nconf一样导入配置：

import config from './path/to/above/file.js';

const { searchURI, anotherURI } = config;
// OR
const searchURI = config.searchURI;
const anotherURI = config.anotherURI;

在浏览器中使用nconf？

1 个答案: