在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应用程序。
请尝试以下步骤:
- 通过
azure-cli
命令创build文件.deployment
和deploy.cmd
azure site deploymentscript --node --sitePath nodejs
- 运行npm命令
npm install --save webapck
将webpack
安装到本地应用程序的目录中。 - 在
package.json
文件中定义一个自定义npm脚本来运行webpack
命令,稍后让部署任务调用:"scripts": { "webpack":"node_modules/.bin/webpack" },
- 修改
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 )
- 通过Git将您的webpack应用程序部署到Azure Web App。
这是我在Github上testing的webpack应用程序库 ,仅供参考。