0

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

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

  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
  2. 生产环境添加： style css lessloaders, optimize.OccurenceOrderPlugin(), optimize.UglifyJsPlugin({comments: /a^/, compress: {warnings: false}}, sourcemapdevtool

感谢帮助！

4

0 回答 0