时间戳

首页 > 解决方案 > 如何使用 JS 配置文件和 Web 目标创建 npm 库？

javascript - 如何使用 JS 配置文件和 Web 目标创建 npm 库？

问题描述

我已经创建了一个 UI JS 库，package.json很好，我将它与它捆绑在一起webpack，它在（在dir中npm很好地保留）中运行良好。node_modules/library

但是，我想通过配置文件来配置一些东西。比方说，我的库有一个BoxReact 组件（它用背景颜色渲染 100x100 正方形）：

// Box.js
export default function(props) {
   return <div style={{
       backgroundColor: props.color,
       width: "100px",
       height: "100px"
   }}>
       {props.children}
   </div>;
}

我想提供一种添加配置文件的可能性，以便默认情况下背景颜色是用户选择的颜色。

所以我的库的用户在他的项目的根目录中创建了一个配置文件（我们称之为library.config.js），这个文件有这样的东西：

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

如果这个文件存在，lib 知道这一点，用户可以Box像这样简单地使用：

<Box />

和color道具将是绿色的。

如何实现这样的事情？

问题是当我捆绑我的库时，我不知道library.config.js文件是否存在。此信息可供我的图书馆用户在用户项目中使用。似乎我想解决我的库中的所有import和语句，除了. 此异常应在用户的项目捆绑阶段（当文件可用时）解决。requirelibrary.config.jsrequirelibrary.config.js

标签： javascriptreactjsnpmwebpackrollup

解决方案

推荐阅读