使用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" }

主题在localhost上正常运行。

问题如下：在尝试部署usin now正在安装依赖项时，semantic-ui感觉它不存在。这意味着根本没有造型。

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

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

**更新：

找到问题所在，但仍然不知道如何解决问题。

因此，当你以语义为主题时，过程就像那样。

1. 您安装semantic-ui。
2. semantic-ui查找文件semantic.json并知道您正在主持。
3. 正在创建用于主题的文件和文件夹但不构建。这意味着为了构建semantic-ui的组件，需要导航到特定的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以启动您的构建过程。