将gulp项目部署到azurewebsites上

Question

我的项目看起来是这样的：

├──bower.json

├──源

│├──bower_components

│├──图像

│├──index.html

│├──scripts.min.js

│└──styles.min.css

├──gulpfile.js

├──index.html

├──node_modules

│├──GUPP-模组-1

│└──gulp模组-2

├──package.json

└──自述

我用“狼吞虎咽”的方式把它建立在本地主机上。如何在ftp服务器(azurewebsites)上托管？上传什么？

Answer 1

请先看一下评论！下面的答案仅适用于只用于编译脚本的gulp serve 。如果您正在启动web服务器，则不需要尝试下面的.。

Azure (又名Azure网站)得到了古都的支持。

您可以在Kudu中通过向项目根目录添加.deployment和deployment.sh来设置自定义部署脚本。每次将新提交提交到存储库时，Kudu都会运行您的部署脚本。(Note__：FTP上载不会触发部署)

样本.deployment

[config]  
command = bash ./deploy.sh  

示例deploy.sh (修改后的版本来自下面的博客文章)

# Deployment  
# ----------  

echo Handling node.js gulp deployment.  

# 1. Select node version  
selectNodeVersion  

# 2. Install npm packages  
if [ -e "$DEPLOYMENT_SOURCE/package.json" ]; then  
  eval $NPM_CMD install  
  exitWithMessageOnError "npm failed"  
fi  

# 3. Install bower packages  
if [ -e "$DEPLOYMENT_SOURCE/bower.json" ]; then  
  eval $NPM_CMD install bower  
  exitWithMessageOnError "installing bower failed"  
  ./node_modules/.bin/bower install  
  exitWithMessageOnError "bower failed"  
fi  

# 4. Run gulp for build
if [ -e "$DEPLOYMENT_SOURCE/gulpfile.js" ]; then  
  eval $NPM_CMD install gulp 
  exitWithMessageOnError "installing gulpfailed"  
  ./node_modules/.bin/gulp serve
  exitWithMessageOnError "gulp failed"  
fi  

# 5. KuduSync to Target  
"$KUDU_SYNC_CMD" -v 500 -f "$DEPLOYMENT_SOURCE/dist" -t "$DEPLOYMENT_TARGET" -n "$NEXT_MANIFEST_PATH" -p "$PREVIOUS_MANIFEST_PATH" -i ".git;.hg;.deployment;deploy.sh"  
exitWithMessageOnError "Kudu Sync to Target failed"  

进一步读：

Git和Grunt部署到Windows

使用Git部署的Microsoft Azure Web App (网站)自定义部署脚本