Развертывание с помощью Nextjs и тематического семантического интерфейса

Question

Я использую nextjs рамки и в качестве основы пользовательского интерфейса я выбрал 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" }

Тематика работает правильно на localhost.

Проблема заключается в следующем: при попытке развернуть usin now устанавливаются зависимости и semantic-ui Такое ощущение, что его там нет. Это означает, что нет стиля вообще.

Я включаю семантическую папку в свой проект (то есть, я сейчас gitignoring /client/static/semantic папка).

Как правильно развернуть, используя Nextjs а также semantic-ui?

**ОБНОВИТЬ:

Нашел, откуда возникла проблема, но до сих пор не знаю, как ее решить.

Так что процесс идет так, когда вы создаете тему своего семантического интерфейса.

1. Вы устанавливаете semantic-ui,
2. semantic-ui ищет файл semantic.json и знает, что вы тем.
3. Файлы и папки для них создаются, но не создаются. Это означает, что для составов semantic-ui для построения необходимо перейти к конкретному semantic папка и запустить gulp build,

Проблема в now не знаю как это сделать.

Есть идеи?

Answer 1

Таким образом, чтобы закрыть это с ответом из комментариев.

Для того, чтобы получить предварительные сборки, такие как gulp/grunt/etc до фактического next build Вы должны создать скрипт, который делает то, что вы хотите.

Пример:

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

и просто беги npm run build чтобы ваш процесс строительства начался.