運行react / redux應用程序所需的最低server.js？

Question

我已經使用babel進行webpack構建了項目，並使用babel對ES6進行了以下預置：

{
  "presets": ["react", "es2015", "stage-1"]
}

和webpack生產配置以下列方式查看：

var path = require('path');
var node_modules_dir = path.resolve(__dirname, 'node_modules');

module.exports = {
  entry: [ path.resolve(__dirname, 'src/index.js') ],
  output: {
    path: path.resolve(__dirname, 'dist'),
    filename: 'bundle.js'
  },
  module: {
    loaders: [{
      test: /\.(js|jsx)$/,
      exclude: [node_modules_dir],
      loader: 'babel'
    },
    {
      test: /\.(png|jpg)$/,
      exclude: [node_modules_dir],
      loader: 'url?limit=100000'
    },
    {
      test: /\.svg$/,
      exclude: [node_modules_dir],
      loader: 'svg-url-loader'
    },
    {
      test: /\.scss$/,
      exclude: [node_modules_dir],
      loader: 'style!css!sass'
    }]
  },
  resolve: { extensions: ['', '.js', '.jsx'] }
};

我現在想將其部署到服務器上。 生產就緒文件位於dist文件夾中，因此：

dist/
  index.html
  bundle.js

我要提到這一點，因為我的入口必須是dist/index.html 。

由於我以前從未部署過，所以我不確定server.js文件的外觀，經過研究后，看來我需要使用http服務器或express服務器，並且還要對es6語法進行一些翻譯。

可以使用的最低設置是多少？

Answer 1

React / redux是客戶端的，即瀏覽器執行您的代碼，服務器只需要將其獲取即可。

您的服務器不需要做任何聰明的事情，例如編譯，因為您的構建過程已經做到了這一點，並創建了一個“束”，准備在瀏覽器中執行。 這樣，一個快速的靜態服務器（例如使用Nginx，Apache或Varnish的服務器）僅需要提供dist文件夾的內容。

可以使用Node，Python等任何工具，但是您不需要它們，只需要提供文件即可。