如何部署 MEAN STACK+WEBPAC 应用程序？
- 我有一个 MEAN Stack + Webpac 应用程序和 nodejs 服务器
提供其余api
- 我使用 webpack 开发服务器运行 Angular 应用程序
- 构建 webpack 应用程序后，我有 build.js 文件。
如何从 Node.js 应用程序引用构建文件？通常，使用 requirejs，我会使用 html 脚本标签，
这边走
<script src="build.js" />
我知道这不是 webpac 的方式，
一般来说，我们可以利用自定义部署脚本 https://github.com/projectkudu/kudu/wiki/Custom-Deployment-Script在 Azure 部署任务期间安装 nodejs 模块并运行自定义脚本，在 Azure Web Apps 上构建 webpack 应用程序。
请尝试以下步骤：
- 创建文件
.deployment and deploy.cmd by azure-cli命令azure site deploymentscript --node --sitePath nodejs
- 运行 npm 命令
npm install --save webapck安装webpack进入本地应用程序的目录。
- 定义自定义 npm 脚本
package.json要运行的文件webpack命令并让部署任务稍后调用：
"scripts": {
"webpack":"node_modules/.bin/webpack"
},
- 修改
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
)
- 通过 Git 将 webpack 应用程序部署到 Azure Web App。
这是我的测试webpack 应用程序存储库 https://github.com/Walk4Muscle/webpackapp在 Github 上，仅供参考。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
