Microsoft Azure托管| Nodejs | 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;

这是文件层次结构：

这是本地计算机的Chrome开发工具中的来源标签。我注意到index.js按照配置文件中的指定进行编译。

然后我只使用git将源代码放在服务器上。这是我从服务器得到的响应：

这是托管服务器的“来源”标签。

我怀疑这可能是因为解释本地计算机和主机上的目录存在差异？！我正在使用MacOS。

Answer 1

基本上，在部署到Azure生产服务器之前，您需要先编译WebPack应用程序。但是，您还可以利用Custom Deployment Script安装Node.js模块并运行自定义脚本，以在Azure部署任务期间在Azure Web Apps上构建WebPack应用程序。有关详细步骤，请查看StackOverflow上的this post。