javascript - React Dist 无需服务器、 Node 或 Http 服务器

Question

我有一个简单的 React 应用程序，它使用 webpack 来制作生产 dist，但是当我打开 index.html 时，它只是一个空白页面。 我尝试干预 webpack 配置，寻找可能的原因，但完全失败了。

我需要创建一个 dist 并且能够仅使用静态文件运行应用程序，无需服务器，这可能吗？或者，即使在编译完所有内容之后，我真的需要一个 http 服务器或 Node 来提供文件或模块吗？

webpack.config.js

'use strict';

/* eslint no-console: "off" */
const webpackConfigs = require('./conf/webpack');
const defaultConfig = 'dev';

module.exports = (configName) => {

  // If there was no configuration give, assume default
  const requestedConfig = configName || defaultConfig;

  // Return a new instance of the webpack config
  // or the default one if it cannot be found.
  let LoadedConfig = defaultConfig;

  if (webpackConfigs[requestedConfig] !== undefined) {
    LoadedConfig = webpackConfigs[requestedConfig];
  } else {
    console.warn(`
      Provided environment "${configName}" was not found.
      Please use one of the following ones:
      ${Object.keys(webpackConfigs).join(' ')}
    `);
    LoadedConfig = webpackConfigs[defaultConfig];
  }

  const loadedInstance = new LoadedConfig();

  // Set the global environment
  process.env.NODE_ENV = loadedInstance.env;

  return loadedInstance.config;
};

Answer 1

可以在 S3(和其他)上托管您的应用程序:

https://medium.com/@omgwtfmarc/deploying-create-react-app-to-s3-or-cloudfront-48dae4ce0af

对于不同的部署策略，您可以查看 CRA readme