索环与 create-react-app 集成

Question

我正在寻找一种将索环框架集成到使用 cli 创建的 React 应用程序的方法。我想在我的应用程序中使用 react grommet 组件，但预处理器 SCSS 存在一些问题。今天，我尝试了很多方式来整合它们，我遵循了很多教程，但它仍然不起作用。你知道或者你成功地把它们一起使用了吗？谢谢

Answer 1

索环 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>
    )
  }
}

索环与 create-react-app 集成

Grommet integration with create-react-app

javascript

sass

reactjs

grommet

create-react-app