运行 react/redux 应用程序所需的最小 server.js？

Question

我已经使用 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 服务器，以及一些 babel 蒸腾以及 es6 语法。

可以使用的最低设置是什么？

Answer 1

React/redux 是客户端，即浏览器执行你的代码，服务器只需要获取它。

您的服务器不需要做任何聪明的事情，例如转译，因为您的构建过程已经完成了这些并创建了一个“捆绑包”，可以在浏览器中执行。因此，快速静态服务器（例如使用 Nginx、Apache 或 Varnish 的服务器）只需要提供 dist 文件夹的内容即可。

Node、Python 什么都可以，但你不需要它们，你只需要提供文件。