Reactjs 使用Nextjs和主题语义ui进行部署

我使用的是

nextjs

框架，作为UI框架，我选择了

semantic UI

以及

semantic UI-react

我选择

语义ui

的主要原因是框架的主题化能力

• 如图所示，我已经安装了完整的

  semantic ui

  。 `

• semantic.json

  文件包含以下内容：

  {
  “基本”：“/客户端/静态/语义”，
  “路径”：{
  “来源”：{
  “config”：“src/theme.config”，
  “定义”：“src/definitions/”，
  “现场”：“src/site/”，
  “主题”：“src/themes/”
  },
  “产出”：{
  “打包”：“dist/”，
  “未压缩”：“dist/components/”，
  “压缩”：“dist/components/”，
  “主题”：“dist/themes/”
  },
  “干净”：“dist/”
  },
  “许可”：错误，
  “自动安装”：false，
  “rtl”：错误，
  “组件”：[诸如此类]，
  “版本”：“2.2.10”
  }

主题化在本地主机上正常工作

问题在于：当尝试在

中部署usin时，现在正在安装依赖项，而
语义ui
感觉不存在依赖项。这意味着根本没有样式

我将语义文件夹包括到我的项目中（也就是说，我现在忽略了
/client/static/semantic
文件夹）

使用
Nextjs
和
semantic ui
部署的正确方法是什么

**更新：

发现了问题的来源，但仍然不知道如何解决

因此，当您将语义ui主题化时，过程就是这样的

您可以安装
语义ui
semantic ui
查找文件
semantic.json
，并知道您正在创建主题
正在创建主题化的文件和文件夹，但未生成。这意味着为了构建
semantic ui
的组件，需要导航到特定的
semantic
文件夹并运行
gulp build

问题是现在不知道怎么做

有什么想法吗？
因此，请以评论中的答案结束本文

为了在实际的
下一次构建之前获得预构建，例如gulp/grunt/etc，您必须创建一个脚本，它可以满足您的需要

示例：

// package.json
{
  "scripts": {
    "build": "gulp build && next build",
    "start": "next start"
  }
}

然后运行
npm run build
开始构建过程。
您是否尝试在本地使用
next build
和
next start
？在运行
下一次构建之前，您应该构建所有资产，以便将所有内容打包。让我这样说。当我克隆repo和
npm安装
然后
npm运行dev
时，就好像
semantic ui
不存在一样。当我将
吞咽构建到语义中时，主题化工作就很好了。我想说的是，
现在
也在做同样的事情，但是需要
吞咽构建
才能触发语义。您可以在脚本中的
package.json
文件中设置一个构建过程，其中显示
“构建”：“下一个构建”
更改它，使它实现您想要的功能，例如：
“构建”：“吞咽构建和下一个构建”
@johansantana这就像一个符咒