AzureでMEAN + Webpackを展開

Question

MEAN STACK + WEBPACアプリケーションを展開するにはどうすればよいですか？

• 私はMEANスタック+ Webpacアプリケーションを持っていると私はWebPACKのアプリケーションを構築した後にWebPACKのdevのサーバー
• を使用して角度のアプリケーションを実行 は、REST APIの
• を提供するサーバをnodejs、私はbuild.jsを持っていますファイル。

nodejsアプリケーションからビルドファイルを参照するにはどうすればよいですか？通常、requirejsで、私は、HTMLスクリプトタグ、 この方法を使用することになり

<script src="build.js" /> 

私は

一般

Answer 1

話すが、我々はnodejsモジュールと実行をインストールするには、Custom Deployment Scriptを活用することができ、これはwebpacの方法ではありません理解してAzure Web AppsでWebpackアプリケーションを構築するために、Azureデプロイメントタスク中にカスタムスクリプトを使用します。

次の手順を試してください：

1. azure-cliコマンドによって、ローカルアプリケーションのディレクトリにwebpackをインストールするazure site deploymentscript --node --sitePath nodejs
2. 実行NPMコマンドnpm install --save webapckをファイル.deploymentとdeploy.cmdを作成します。
3. はwebpackのコマンドを実行して、今後の展開のタスクの呼び出しをできるようにpackage.jsonファイルでカスタムNPMスクリプトを定義します。 "scripts": { "webpack":"node_modules/.bin/webpack" },
4. deply.cmdファイルを変更し、我々は定義されたNPMのスクリプトを実行するためのプロセスを追加します。オリジナルのファイルでは、Node.jsのモジュールをインストールするようなスクリプトを見つけることができます。 :: 3. Install npm packages IF EXIST "%DEPLOYMENT_TARGET%\package.json" ( pushd "%DEPLOYMENT_TARGET%" call :ExecuteCmd !NPM_CMD! install --production IF !ERRORLEVEL! NEQ 0 goto error popd )
   我々はそれの下にカスタムスクリプトを定義することができます。 :: 4. webpack IF EXIST "%DEPLOYMENT_TARGET%\webpack.config.js" ( pushd "%DEPLOYMENT_TARGET%" call :ExecuteCmd !NPM_CMD! run webpack IF !ERRORLEVEL! NEQ 0 goto error popd )
5. Gitリポジトリ経由AzureのWebアプリケーションへのごWebPACKのアプリケーションを展開します。

これはFYIのGithubに関する私のテストwebpack app repositoryです。