Microsoft Azureホスティング|ノード| webpackによってファイルがコンパイルされない

Question

私はnodejsを使ってwebappを構築しようとしています。私のローカルマシンでコンパイルして正常に動作しますが、Azureでホストしようとすると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; 

これは、ファイル階層です：

これは、ローカルマシンのクロームのDevツールのソース]タブです。 index.jsが設定ファイルで指定されているようにコンパイルされているのがわかります。

その後、私はただのgitを使用して、サーバー上のソースを配置します。

これは、ホストサーバーのソース]タブで：これは、私は、サーバーから取得する応答です。

は、私は私のローカルマシンとホスト上のディレクトリの解釈に差があるので、それができると思われます！私はMacOSを使用しています。

Answer 1

基本的に、WebPackアプリケーションをコンパイルしてから、Azureプロダクションサーバーにデプロイする必要があります。ただし、Custom Deployment Scriptを利用してNode.jsモジュールをインストールし、カスタムスクリプトを実行して、Azure Deploymentタスク中にAzure Web AppsでWebPackアプリケーションを構築することもできます。詳細な手順については、StackOverflowのthis postをご覧ください。