Javascript 如何使用JS配置文件和web目标创建npm库?

Javascript 如何使用JS配置文件和web目标创建npm库?,javascript,reactjs,npm,webpack,rollup,Javascript,Reactjs,Npm,Webpack,Rollup,我已经创建了一个UI JS库,package.json很好,我将它与webpack捆绑在一起,它在npm中工作得很好(在node\u modules/librarydir中很好) 不过,我想通过配置文件配置一些东西。比如说,我的库有一个BoxReact组件(它用背景色渲染100x100个正方形): 如果这个文件存在,lib知道这一点,用户只需像这样使用Box: // library.config.js const BoxBackgroundColor = 'green'; export { Bo

我已经创建了一个UI JS库,
package.json
很好,我将它与
webpack
捆绑在一起,它在
npm
中工作得很好(在
node\u modules/library
dir中很好)

不过,我想通过配置文件配置一些东西。比如说,我的库有一个
Box
React组件(它用背景色渲染100x100个正方形):

如果这个文件存在,lib知道这一点,用户只需像这样使用
Box

// library.config.js
const BoxBackgroundColor = 'green';
export { BoxBackgroundColor }

颜色
道具将为绿色

如何实现这样的目标


问题是,当我捆绑我的库时,我不知道
library.config.js
文件是否存在。此信息可供用户项目中的“我的库”用户使用。似乎我想解析库中的所有
import
require
语句,除了
library.config.js
。这个异常
require
应该在用户的项目捆绑阶段(当
library.config.js
文件可用时)解决。

我也有这个问题……你找到答案了吗?嘿@HectorRicardo,没有,我仍然觉得有这个问题很好。在我的用例中,我只是通过React上下文传递配置值。
// library.config.js
const BoxBackgroundColor = 'green';
export { BoxBackgroundColor }