Modernizr 添加空 Class 到 HTML 标签

Question

我是第一次尝试使用 Modernizr，我无法根据文档将 class 添加到 HTML 标签。

我使用 Modernizr 的构建功能生成自定义 js 文件来测试 CSS Object Fit 属性的兼容性。我将名为 modernizr-custom.js 的文件添加到我的 Javascript 目录，并使用 Gulp 通过我的 gulpfile 加载它。现在，当我刷新并打开 chrome 开发工具时，我看到 HTML 标签现在有一个空的 class：class=" " 而不是 class="object-fit"。这告诉我 Modernizr 正在做某事，但显然这是不正确的。

我的root里面有modernizr-config.json，设置如下：

{
  "minify": true,
  "options": [
    "setClasses"
  ],
  "feature-detects": [
    "css/objectfit"
  ]
}

我是否应该加载任何额外的 Modernizr js 文件才能使其正常工作？任何见解都会很棒，因为我确信我只是不完全理解如何设置它。

Answer 1

解决方案：使用缩小文件导致了问题。用非缩小文件替换文件后，一切正常。

Modernizr 添加空 Class 到 HTML 标签

Modernizr Adding Empty Class to HTML Tag

javascript

css

frontend

cross-browser

modernizr