2017-06-07 4 views
1

マイプロジェクト使用して、このノードのプロジェクトは、このフォルダ構造を有しています。しかし、build/clientでこれらを利用できるようにするために、フロントエンドコードとノードの依存関係をバンドルする方法が見つかりませんでした。いくつかの提案と研究の後、私はbundle.jsを作成するためにWebpackを使用しました。ビルドのみ飲み込むまたはWebPACKの

私は期待された結果を得ましたが、ビルドプロセスを簡略化するために、GulpまたはWebpackだけには方法があるのだろうかと思います。

+0

['ts-loader'](https://github.com/TypeStrong/ts-loader)を使ってWebpackでTypeScriptファイルをコンパイルできると思います。私はHTMLファイルについてはわかりませんが、そのためにも何かが必要です。 – drdaeman

+0

はい、 'src/client'内のフロントエンドコードをコンパイルするには' ts-loaded'を使っていますが、バックエンドコードはどうですか? Webpackで複数のエントリポイントを指定することは可能ですが、バックエンドコードもバンドルするのは意味がありますか?あるいは単に 'build'フォルダ構造を維持してコンパイルしてコピーする方法がありますか? HTMLについて私はそれを生成することが可能であることを知りました。私は今それを必要としませんが、私もこの方法で試してみます。 –

答えて

0

ガルプまたはWebPACKの

のみへの道

これらは、異なるツールですがあるのだろうか。

  • Gulp:タスクランナー。コードセグメントを実行します。
  • Webpack:Module bundler。ブラウザで使用できるようにコードをバンドルします。

は、で十分ではありません。

+0

次に、このgulpやwebpackのようなプロジェクトでプロジェクトを構築するには、受け入れられる解決策ですか? –

+1

はい。私の個人的な好みは、webpackでnpmスクリプト(コードセグメントを実行する別の方法)を使うことです。 – basarat

関連する問題