在 Semantic-UI-React 中导入 CSS
Importing CSS in Semantic-UI-React
我将在我的项目中使用 Semantic-UI-React，但我遇到了以下问题：
文档 link : https://react.semantic-ui.com/usage#css
文档说 webpack 1 受支持但不推荐。我正在使用 1.14.0 版 webpack 附带的 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 包？ ...但根据文档，我将无法通过此方法使用自定义样式。
我在这里有点困惑，请帮忙:)
SUI-React 文档关于不推荐使用 Webpack 1 的评论仅仅是因为它不是最新版本的 Webpack。 Webpack 1 总体上仍然可以正常工作。此外，当前版本的 Create-React-App (1.0) 使用 Webpack 2，如果您还没有 "ejected" 您的 CRA 项目，您可以轻松升级 react-scripts 依赖项以使用最新版本。
如果你想构建一个自定义语义-UI CSS 文件，是的，你会安装 semantic-ui 包，这将创建一个 semantic 文件夹包含 Semantic-UI 的 LESS 源文件和构建系统。从那里，您可以对 SUI 的源代码进行任何编辑以进行自定义。完成编辑后，运行 gulp build 在 semantic 文件夹中，它将创建一个 semantic/dist 文件夹，其中包含已编译的 CSS 文件（根据https://semantic-ui.com/introduction/build-tools.html 处的说明）。最后，您可以将生成的 CSS 文件复制到您的项目中，可能在 src 文件夹中，然后将它们导入您的 JS 源代码中。
如果您不关心生成自定义语义-UI CSS 构建，您可以npm install --save semantic-ui-css，它具有默认语义-[的预构建版本=38=] 主题，然后从那里导入 CSS。
物有所值，属于我自己 "Practical Redux" tutorial series uses Semantic-UI-React and the semantic-ui-css package, and I show how to add semantic-ui-css in Practical Redux, Part 4: UI Layout and Project Structure。 （我还在工作中的 "real" 项目中使用了自定义语义-UI CSS 构建。）
我将在我的项目中使用 Semantic-UI-React，但我遇到了以下问题：
文档 link : https://react.semantic-ui.com/usage#css
文档说 webpack 1 受支持但不推荐。我正在使用 1.14.0 版 webpack 附带的 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 包？ ...但根据文档，我将无法通过此方法使用自定义样式。
我在这里有点困惑，请帮忙:)
SUI-React 文档关于不推荐使用 Webpack 1 的评论仅仅是因为它不是最新版本的 Webpack。 Webpack 1 总体上仍然可以正常工作。此外，当前版本的 Create-React-App (1.0) 使用 Webpack 2，如果您还没有 "ejected" 您的 CRA 项目，您可以轻松升级 react-scripts 依赖项以使用最新版本。
如果你想构建一个自定义语义-UI CSS 文件，是的，你会安装 semantic-ui 包，这将创建一个 semantic 文件夹包含 Semantic-UI 的 LESS 源文件和构建系统。从那里，您可以对 SUI 的源代码进行任何编辑以进行自定义。完成编辑后，运行 gulp build 在 semantic 文件夹中，它将创建一个 semantic/dist 文件夹，其中包含已编译的 CSS 文件（根据https://semantic-ui.com/introduction/build-tools.html 处的说明）。最后，您可以将生成的 CSS 文件复制到您的项目中，可能在 src 文件夹中，然后将它们导入您的 JS 源代码中。
如果您不关心生成自定义语义-UI CSS 构建，您可以npm install --save semantic-ui-css，它具有默认语义-[的预构建版本=38=] 主题，然后从那里导入 CSS。
物有所值，属于我自己 "Practical Redux" tutorial series uses Semantic-UI-React and the semantic-ui-css package, and I show how to add semantic-ui-css in Practical Redux, Part 4: UI Layout and Project Structure。 （我还在工作中的 "real" 项目中使用了自定义语义-UI CSS 构建。）