HTML不会加载webpack构建的文件

时间:2015-05-11 15:40:32

标签: html reactjs production webpack webpack-dev-server

我在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>

配置在以下方面有所不同:

  1. 生产环境删除 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
  2. 生产环境增加: style css less个加载器,optimize.OccurenceOrderPlugin()optimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}sourcemap devtool
  3. 感谢您的帮助!

0 个答案:

没有答案