Webpack 4 错误地渲染选择元素答案

【问题标题】：Webpack 4 Incorrectly Rendering Select ElementWebpack 4 错误地渲染选择元素
【发布时间】：2020-04-19 10:57:26
【问题描述】：

我有一个简单的 select 元素，由于某种原因，它没有被 Webpack 正确呈现。我的 HTML 下方的图像显示了最终呈现的页面源代码，其中 select 元素的结束标记已向上移动并放置在 option 元素之前。我还没有找到任何可能导致这种情况的记录案例。

<select name="language" id="language">
  <optgroup label="Select Language">
    <option value="all" selected>All Languages</option>
    <option value="german" lang="de">Englisch Deutsch</option>
    <option value="french" lang="fr">Anglais français</option>
    <option value="italian" lang="it">Inglese e italiano</option>
    <option value="spanish" lang="es">Ingles Espa&#241;ol</option>
    <option value="english" lang="en">English Only</option>
  </optgroup>
</select>

【问题讨论】：

标签： javascript html forms webpack webpack-4

【解决方案1】：

对于遇到类似情况的其他人，问题与 webpack 缩小设置有关。 html5 属性需要 true 的值。

const minify = {
  html5: true,
  // ...
}

【讨论】：