2017-02-23 38 views
0

我試圖建立一個webapp使用nodejs。它在我的本地機器上編譯和運行良好,但是當我嘗試在Azure上託管它時,webpack似乎會導致問題。Microsoft Azure託管| Nodejs |文件沒有得到編譯通過webpack

//webpack.config.js 

var config = { 
    entry: './main.js', 

    output: { 
     path:'/', 
     filename: 'index.js', 
    }, 

    devServer: { 
     // inline: true, 
     // port: 8080 
    }, 

    module: { 
     loaders: [ 
     { 
      test: /\.jsx?$/, 
      exclude: /node_modules/, 
      loader: 'babel-loader', 

      query: { 
       presets: ['es2015', 'react'] 
      } 
     } 
     ] 
    } 
} 

module.exports = config; 

這是文件層次:

File hierarchy

這是Chrome瀏覽器開發工具,本地計算機的源標籤。我注意到這裏的index.js按照配置文件中的指定進行編譯。

Local source enter image description here

然後我把使用Git服務器上的源。這是我從服務器獲得響應:

enter image description here

這是託管服務器的源標籤。

remote source enter image description here

我懷疑這可能是因爲在解釋我的本地機與主機上的目錄的區別?我正在使用MacOS。

回答

0

基本上,在部署到Azure生產服務器之前,您需要首先編譯您的WebPack應用程序。但是,您還可以利用Custom Deployment Script安裝Node.js模塊並運行自定義腳本,以在Azure部署任務期間在Azure Web Apps上構建WebPack應用程序。有關詳細步驟,請參閱StackOverflow上的this post

+0

我跟着帖子,但安裝了Azure CLI。然後出現以下錯誤信息: remote:KuduSync.NET從:'D:\ home \ site \ repository \ nodejs'到'D:\ home \ site \ wwwroot' remote:Error:Could not find a part路徑'D:\ home \ site \ repository \ nodejs'。 remote:網站部署期間發生錯誤。 遠程:Kudu同步失敗 遠程: 遠程:錯誤 - 更改提交到遠程存儲庫,但部署到網站失敗。 另外,我期望一個deploy.sh或deploy.exe嗎?我使用MacOS,所以在我的電腦上有意義,在Azure上如何? –

+0

請參閱我的[早期文章](http://stackoverflow.com/questions/40960685/azure-fails-when-i-try-to-deploy-through-github/40988649#40988649)。 –

+0

非常感謝。我想我現在非常接近。 :: 4的WebPack 是否存在 「%DEPLOYMENT_TARGET%\ webpack.config.js」( PUSHD 「%DEPLOYMENT_TARGET%」 電話:!ExecuteCmd NPM_CMD運行的WebPack IF ERRORLEVEL NEQ 0轉到錯誤 POPD !) 。我只是想知道是否有一個工具將其轉換成.sh腳本? –