Webpack删除空的html标签？

Question

我将Webpack 4与把手一起使用，我猜生产模式有许多“默认”优化。我已经在Google上搜索了约一个小时，却没有找到解决方法...

在开发模式下，空标签有效。例如

<div class="test"></div>

或

<i class="fab fa-facebook" aria-hidden="true"></i>

例如，如果我添加一个不间断的空格，则标签将在dist中编译，但是非常丑陋...

<span class="caret">&nbsp;</span>

但是在npm run build之后，这些空的html标签消失了/被剥离了。我不知道为什么：（

感谢帮助！

Answer 1

如果您在HtmlWebpackPlugin中使用webpack.config，则可以按以下方式配置缩小：

new HtmlWebpackPlugin({
  minify: {
    removeEmptyElements: false,
  },
})