我有一个React组件
index.js
,它在style.css
中有样式。
我想在npm
上发布此组件,但我不确定如何使其他开发人员更轻松地使用样式。
我看到了三种选项:
1.使用require('./style.css')
并依赖用户拥有捆绑解决方案(例如webpack
,rollup
)。 我不喜欢这个解决方案,因为它强制用户按照特定的路线使用我的组件。
2.让用户使用<link rel =“ stylesheet”href =“ node_modules / package / style.css”/>
导入样式。 我不喜欢这个解决方案,因为这意味着我的用户将不得不更改他们的HTML,而不仅仅是在他们想要的位置包含React组件。
3.使用像react-jss这样的插件将CSS放在组件本身中。 对于我来说,这不是可行的解决方案,因为我有大量的SCSS文件组成组件的样式。
这些解决方案都不符合我的需求,并且使用我的组件会变得相当麻烦。 我该如何分发组件,以使使用它变得简单?