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

Question

我已经使用 babel 使用 webpack 构建了我的项目，用于 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 transpiration 以及 es6 语法。

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

Answer 1

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

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

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