使用Nextjs和主题语义UI部署

我使用nextjs框架和我选择semantic-ui伴随着semantic-ui-react UI框架。使用Nextjs和主题语义UI部署

我选择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感觉就像它不存在。这意味着根本没有造型。

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

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

**更新：

发现那里的问题来自于，但仍然不知道如何解决它。

所以这个过程就像是当你主题化你的语义UI。

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

问题是now不知道如何做到这一点。

任何想法？

您是否尝试过在本地使用'next build'和'next start'？你应该在运行'next build'之前建立所有的资产，将所有东西捆绑起来。 –

让我这样说吧。当我克隆repo和'npm install'，然后'npm run dev'时，它就像'semantic-ui'不在那里。当我去“吞噬”构建语义时，主题工作得很好。我想说的是'现在'是做同样的事情，但需要''gulp build'来触发语义 –

你可以在脚本的'package.json'文件中设置一个构建过程'“build”：“next build”'改变它，所以它做你想要的，例如：''build“：”gulp build && next build“ –

所以要从评论中回答这个问题。

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

例子：

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

，只是运行npm run build有你的构建过程开始。

2017-07-10 12:52:41

回答