我将在我的项目中使用Semantic-UI-React，但我遇到了以下问题：
文档链接：https://react.semantic-ui.com/usage#css
文档说支持webpack 1但不推荐。我正在使用随Webpack版本1.14.0一起提供的Create React App。那么这是否意味着我不应该将Semantic-UI-React与CRA一起使用？
对于样式，我还想在我的项目中使用一些自定义样式，所以我选择了文档中提到的Semantic UI包的第三个选项。
npm install semantic-ui --save-dev在内部运行gulp并创建一个semantic文件夹。但是文档中没有提到dist文件夹。我应该从哪条路径引用index.js文件中的semantic.min.css？
我基本上尝试将Semantic-UI-React与semantic.min.css一起使用我自己的一些风格。但似乎我在设置中犯了一些错误。另一种选择可能是继续Semantic UI CSS包裹？ ...但根据文档，我将无法使用此方法使用自定义样式。
我在这里有点困惑，请帮忙:)。
答案 0 :(得分：8)
SUI-React文档评论不推荐使用Webpack 1只是因为它不是Webpack的最新版本。 Webpack 1仍然可以正常工作。此外，当前版本的Create-React-App（1.0）使用Webpack 2，如果您没有“弹出”您的CRA项目，您可以轻松升级react-scripts依赖项以使用最新版本。
如果要构建自定义Semantic-UI CSS文件，是的，您将安装semantic-ui包，这将创建一个包含Semantic-UI的LESS源文件和构建系统的semantic文件夹。从那里，您可以对SUI的自定义来源进行任何编辑。完成编辑后，在gulp build文件夹中运行semantic，它将创建一个包含已编译CSS文件的semantic/dist文件夹（根据https://semantic-ui.com/introduction/build-tools.html处的说明） 。最后，您可以将生成的CSS文件复制到项目中，可能在src文件夹中，然后将其导入JS源代码中。
如果您不关心生成自定义的Semantic-UI CSS构建，您可以npm install --save semantic-ui-css，它具有默认语义UI主题的预构建版本，并从那里导入CSS。 / p>
对于它的价值，我自己的"Practical Redux"教程系列使用了Semantic-UI-React和semantic-ui-css包，并展示了如何在Practical Redux, Part 4: UI Layout and Project Structure中添加semantic-ui-css。 （我在工作中的“真实”项目中也使用了自定义Semantic-UI CSS构建。）