如何构建反应组件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模块如何将className作为道具传递给组件