2

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

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

  • 我已经安装了这里semantic-ui显示的完整包。`

  • 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感觉好像它不存在。这意味着根本没有样式。

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

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

**更新：

发现问题出在哪里，但仍然不知道如何解决。

因此，当您为语义用户界面设置主题时，过程就像这样。

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

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

有任何想法吗？

4

1 回答 1

1

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

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

例子：

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

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

于 2017-07-10T12:52:41.327 回答