我在webpack-dev-server上的构建工作正常,但是当我使用NODE_ENV=production webpack --config
html文件输出空白页编译时。
在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'
,HotModuleReplacementPlugin()
,#eval
devtool style css less
个加载器,optimize.OccurenceOrderPlugin()
,optimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}
,sourcemap
devtool 感谢您的帮助!