Javascript 与create react应用程序的索环集成

我正在寻找一种将grommet框架集成到使用cli创建的react应用程序的方法。

---

我想在我的应用程序中使用react-grommet组件，但预处理器SCS存在一些问题。今天，我尝试了很多方法来整合它们，我学习了很多教程，但仍然不起作用。您是否知道或成功地将它们结合使用？感谢索环1.x

如果您不想将SCS添加到您的项目中，这是一个很好的选择。您可以安装它并将css导入您的

App.js

请注意，要自定义默认主题，您必须分叉回购，进行更改，例如在index.scss中包含不同的默认套圈样式或调整套圈scss变量。然后您必须更新package.json中的名称，运行npm build，然后运行npm publish

下面是一个使用

grommet

和

grommet css

import React, { Component } from 'react'

import '../../node_modules/grommet-css';
import Heading from 'grommet/components/Heading';
import Box from 'grommet/components/Box';

export default class GrommetExample extends Component {
  render() {
    return (
      <Box>
            <Heading>Hello, I'm a Grommet Component styled with <a href='https://www.npmjs.com/package/grommet-css'>grommet-css</a></Heading>
      </Box>
    )
  }
}

import React，{Component}来自“React”
导入“../../node_模块/grommet css”；
从“索环/组件/标题”导入标题；
从“索环/组件/盒”导入盒；
导出默认类GrommetExample扩展组件{
render（）{
返回(
您好，我是一个用
)
}
}

谢谢Tiago，但这样我就不能使用索环的react组件了，对吗？我必须使用css来操作HTML标记。例如，我不能使用从“套圈/组件/按钮”导入的套圈标记，但我只能将套圈css用于传统的HTML按钮标记，对吗？您可以使用套圈组件，请确保您也安装了索环：）创建此软件包是为了解决确实想使用索环但不想弹出其

的
创建react app
app的人的这一特定问题。我尝试了一下，但它显示我：找不到模块：无法解决；styledGrimmet.js、vanilla.js和mixins.js中的样式化组件如果使用grommet 2.0，则不需要SCS（请参阅），因为它们用样式化组件替换了SAS。当我看到你的问题时，我以为你在尝试与Grommet1.x（使用SCS）集成。这就是GrommetCSS有用的地方。是的，我必须在1.x版本中使用它