webpack-dev-server での私のビルドは正常に動作しますが、NODE_ENV=production webpack --confightml ファイルでコンパイルすると空白のページが出力されます。
dev-server html では、この方法でファイルをロードします
<script src="http://localhost:8000/build/vendor.js"></script>
<link rel="stylesheet" type="text/css" href="http://localhost:8000/build/main.css" media="screen" />
<script src="http://localhost:8000/build/main.js"></script>
本番環境の html ( に存在/build/):
<script type="text/javascript" src="vendor.js"></script>
<link rel="stylesheet" type="text/css" href="main.css" media="screen"/>
<script type="text/javascript" src="main.js"></script>
構成は次の点で異なります。
- 運用環境は、
react-hot style-loader css-loader less-loaderローダー、エントリ'webpack/hot/dev-server' 'webpack-dev-server/client?http://0.0.0.0:8000'、、devtoolを削除 しますHotModuleReplacementPlugin()#eval - 本番環境の追加:
style css lessローダーoptimize.OccurenceOrderPlugin()、、、devtooloptimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}sourcemap
手伝ってくれてありがとう！