如何构建反应组件css

Posted

技术标签:

【中文标题】如何构建反应组件css【英文标题】:How to build react components css 【发布时间】:2018-08-12 15:47:11 【问题描述】:

我使用react开发了一个组件,使用babel构建到lib目录中。

但是我的 css 我不知道如何构建它,我需要帮助谢谢。

我的代码:

“脚本”: “构建”:“./node_modules/.bin/babel ./src --out-dir ./lib”

【问题讨论】:

【参考方案1】:

根据您的代码,您需要在与屏幕截图中的页面相同的目录中拥有一个名为 index.scss 的文件。那将是一个编译为 CSS (https://sass-lang.com) 的 Sass 文件。如果您不使用 Sass,则需要将“必需”文件替换为您用于 css 的任何文件(例如 index.css)。我想你不是在问如何将 css 本身与你的 html 结合使用。

【讨论】:

希望我的组件是这样使用的 var example = require('myComponent') 不再单独引入css文件,但是我的源代码中有一个css文件,不知道怎么用整理一下,谢谢

以上是关于如何构建反应组件css的主要内容,如果未能解决你的问题,请参考以下文章

如何对子反应组件进行 css 样式设置?

在反应中使用css模块如何将className作为道具传递给组件

如何在反应组件(打字稿+ css)中使用向上和向下键切换div焦点

如何同步播放多个 GIF? (反应)

如何在反应组件中使用npm包javascript

如何将数据映射到反应组件?