在Azure上部署MEAN + Webpack

如何部署MEAN STACK + WEBPAC应用程序?

  • 我有一个MEAN堆栈+ Webpac应用程序和nodejs服务器,它提供了其余的API
  • 我使用webpack dev服务器运行angular度应用程序
  • 构buildwebpack应用程序后,我有build.js文件。

如何从nodejs应用程序引用构build文件? 通常情况下,使用requirejs,我会使用html脚本标签

<script src="build.js" /> 

我明白这不是webpac的方式,

一般而言,我们可以利用自定义部署脚本在Azure部署任务期间安装nodejs模块并运行自定义脚本,以在Azure Web Apps上构build您的webpack应用程序。

请尝试以下步骤:

  1. 通过azure-cli命令创build文件.deploymentdeploy.cmd azure site deploymentscript --node --sitePath nodejs
  2. 运行npm命令npm install --save webapckwebpack安装到本地应用程序的目录中。
  3. package.json文件中定义一个自定义npm脚本来运行webpack命令,稍后让部署任务调用: "scripts": { "webpack":"node_modules/.bin/webpack" },
  4. 修改deply.cmd文件,添加一个进程来运行我们定义的npm脚本。 在原始文件中,您可以find类似的脚本来安装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将您的webpack应用程序部署到Azure Web App。

这是我在Github上testing的webpack应用程序库 ,仅供参考。