webpackとangular2を使用してプロダクション用のコードをデプロイする方法

私はwebpackとgruntで角2のコードを持っています。開発モードでは、ロードするためにwebpack-dev-serverを使用していますが、これを無駄な作業として実行します。webpackとangular2を使用してプロダクション用のコードをデプロイする方法

実稼働用のコードを構築する際に、Gruntを使用してすべての縮小などを行い、dist /フォルダを作成します。

どのようにこのdist /フォルダを実行しますか？どのサーバーを使用するのですか？

実稼働環境にwebpack-dev-serverを使用しないでください。だから私はgruntコマンドとしてサーバーを起動することができます他のオプションを探し始めた。

私はgrunt：serverを使用しないでください。 http://stackoverflow.com/questions/22577336/can-grunt-server-use-for-production-application-deployment

私は急行サーバーについてのことを始めましたが、本当にわかりません。

私が欲しいのは、私が作成/フォルダdistのはserver.Iを使用してレンダリングされなければならないということですが私の質問があるのWebPACK

を使用しています：

我々は兵卒としてサーバを起動すべきではありません仕事？代わりにnpmスクリプトを使用する必要がありますか？
webpackを使用するプロダクショングレードのコードを展開するために使用するサーバーはどれですか？

出典

2016-09-08 Bhumi Singhal

私のサーバーマシンにnode.jsがあります。ノードにサーバーを作成するためのスクリプトを書く必要がありますか？ –

私のdistフォルダはwwwrootの下にあります。 index.htmlファイルから参照され、wwwrootの下にもあります。元のファイルは、アプリケーションのClientAppフォルダにあります。

WebPackは、ClientAppフォルダからファイルを最小化して展開し、distの下のmain.jsファイルに配置します。

WebPackは、実際にプロジェクトのルートパスのnode_modulesフォルダに格納されているすべてのベンダーファイルについてもこれを行います。これはvendor.jsにこれらを置きます。

これはCSSファイルでも同じです。下記のindex.htmlファイルをご覧ください。/dist /フォルダへの参照を参照してください。

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>Home Page - MyApp</title> 
    <base href="/" /> 
    <link rel="stylesheet" href="/dist/vendor.css" /> 
    <link rel="stylesheet" href="/dist/styles.css" /> 
</head> 
<body > 

    <my-app /> 

    <script src="/dist/vendor.js"></script> 
    <script src="/dist/main.js"></script> 

</body> 
</html>

出典

2016-09-23 10:01:40 tone

webpackとangular2を使用してプロダクション用のコードをデプロイする方法

答えて

関連する問題