NextjsとテーマセマンティックUIを使用したデプロイ

Question

私はnextjsフレームワークを使用しており、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フォルダをgitignoringしています）。

Nextjsとsemantic-uiを使用して展開する正しい方法は何ですか？

** UPDATE：

は、問題がどこから来るか見つかりましたが、まだそれを解決する方法を知りません。

したがって、セマンティックUIをテーマにすると、そのようになります。

1. semantic-uiをインストールします。
2. semantic-uiは、ファイルsemantic.jsonを探して、あなたがテーマであることを認識しています。
3. テーマ作成用のファイルとフォルダが作成されていますが、ビルドされていません。つまり、semantic-uiの機能をビルドするには、特定のsemanticフォルダに移動し、gulp buildを実行する必要があります。

問題はnowはこれを行う方法を知らないです。

アイデア？

Answer 1

コメントの回答でこれを閉じます。

実際のnext buildの前にgulp/grunt /などのプリビルドを行うには、必要なスクリプトを作成する必要があります。

例：

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

とちょうどあなたの構築プロセスを開始しているためにnpm run buildを実行します。