Question

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

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

webpack.config.js

＆＃13;

'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;
};

＆＃13;

Answer 1

可以在S3（和其他人）上托管您的应用程序：

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

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

没有服务器，节点或Http服务器的React Dist

1 个答案: