如何将 CSS 与组件捆绑为 npm 包？

Question

我正在制作一个可通过 npm 下载的 React 组件库，是否有特定的方法将样式捆绑到包中，而无需最终用户明确导入它们？也许是一个 webpack 加载器？

Answer 1

首先，您需要在分布式包中包含构建的 css 文件。你的 webpack 构建（和你的 npm 发布过程）应该可以做到。

然后，您的库的使用者需要以某种方式将您的 css 文件包含在他们的应用程序中（例如：在 html head 部分中包含链接，或者将其包含在 less/scss 文件中，或者使用某些 webpack 加载器将其直接导入到 .js 文件中））。

webpack 不会自动包含 css 文件，因为它不知道它们是必要的。

例如，请参阅这些库，它们的 css 文件必须在 js 库本身旁边导入：