javascript - 扣环与create-react-app的集成

我正在寻找一种将索环框架集成到使用cli创建的react应用程序的方法。
我想在我的应用程序内使用React Grommet组件，但是预处理器SCSS出现了一些问题。今天，我试图以多种方式将它们集成在一起，我遵循了很多教程，但仍然无法正常工作。您知道还是将它们一起使用成功？谢谢

最佳答案

对于Grommet 1.x

如果您不想在项目中添加scss，grommet-css是一个很好的选择。您可以安装它并将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>
    )
  }
}