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

Question

我正在使用 nextjs 框架，作为 UI 框架，我选择了 semantic-ui 和 semantic-ui-react。

我选择 semantic-ui 的主要原因是框架的主题功能。

我已经安装了 semantic-ui 的完整软件包，如图所示 here。 `
semantic.json 文件有以下内容：

{ "base": "/client/static/semantic", "paths": { "source": { "config": "src/theme.config", "definitions": "src/definitions/", "site": "src/site/", "themes": "src/themes/" }, "output": { "packaged": "dist/", "uncompressed": "dist/components/", "compressed": "dist/components/", "themes": "dist/themes/" }, "clean": "dist/" }, "permission": false, "autoInstall": false, "rtl": false, "components": [blah blah], "version": "2.2.10" }

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

问题如下：尝试部署时，正在安装 now 依赖项，但 semantic-ui 感觉好像不存在。这意味着根本没有样式。

我正在将语义文件夹包含到我的项目中（意思是，我现在忽略 /client/static/semantic 文件夹）。

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

**更新：

找到问题出处，但仍不知道如何解决。

因此，当您为语义设置主题时，过程就是这样-ui。

您安装 semantic-ui .
semantic-ui 查找文件 semantic.json 并知道您正在设置主题。
正在创建用于主题化的文件和文件夹，但未创建uild。这意味着为了使 semantic-ui 的组件成为 build，需要导航到特定的 semantic 文件夹和运行 gulp build。

问题是now不知道该怎么做。

有什么想法吗？

Answer 1

所以用评论中的答案来结束这个。

为了在实际 next build 之前获得 gulp/grunt/etc 等预构建，您必须创建一个脚本来执行您想要的操作。

示例：

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

然后运行 npm run build 开始您的构建过程。

Deployment with Nextjs and themed semantic-ui