gpt4 book ai didi

reactjs - 如何将 CSS 与组件捆绑为 npm 包?

转载 作者:行者123 更新时间:2023-12-03 16:38:21 25 4
gpt4 key购买 nike

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

最佳答案

首先,您需要在您的分发包中包含您构建的 css 文件。你的 webpack 构建(和你的 npm 发布过程)应该这样做。

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

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

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

https://github.com/Hacker0x01/react-datepicker#installation

https://github.com/react-component/slider#usage

关于reactjs - 如何将 CSS 与组件捆绑为 npm 包?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57878330/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com