Question

我正在寻找一种将grommet框架集成到使用cli创建的反应应用程序的方法。我想在我的应用程序中使用react grommet组件，但预处理器SCSS存在一些问题。今天，我尝试以很多方式集成它们，我遵循了很多教程，但它仍然无法正常工作。你知道或者你是否成功地将它们一起使用？ Thankss

Answer 1

对于Grommet 1.x

如果您不想将scss添加到项目中，grommet-css是一个很好的选择。您可以安装它并将css导入App.js。

请注意，要自定义默认主题，您必须分叉回购，进行更改，例如在index.scss中包含不同的默认索环样式或调整grommet 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>
    )
  }
}

Grommet与create-react-app集成

1 个答案: