webpackを使用してプロダクションdistを作成する単純なReact Appがありますが、index.htmlを開くと空白のページになります。 私はwebpack configsで干渉してみましたが、その理由を検索しましたが、私は完全に失敗しました。サーバ、ノード、またはHTTPサーバなしのReact Dist
私はdistを作成し、静的なファイルだけでアプリケーションを実行できるようにする必要があります。サーバーはありません。または、すべてをコンパイルした後でも、ファイルやモジュールを提供するためにhttpサーバーまたはノードが本当に必要ですか?
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;
};
見なくても何が間違っているかを知るのは難しいソースコード全体それはwebpackの問題ではないかもしれません。物事を動かす最も簡単な方法は、 'create-react-app'を使って、既に持っているプロジェクトで調整することです。実稼働に適した静的バンドルが用意されています。 – Mateusz