使用 gulp-modernizr 如何指定功能选项

Question

我的custom Moderniser build includes the following options which I am trying to inject into the gulp-modernizr工具如下：

gulp.task('modernizr', function() {
  allUISrcPlusSassSrc
    .pipe(modernizr({
      options: [
        'backdropfilter',
        'backgroundsize',
        'bgpositionxy',
        'bgrepeatspace_bgrepeatround',
        'bgsizecover',
        'borderradius',
        'cssanimations',
        'cssfilters',
        'csspointerevents',
        'csspseudoanimations',
        'csspseudotransitions',
        'cssremunit',
        'csstransforms',
        'csstransitions',
        'customevent',
        'devicemotion_deviceorientation',
        'eventlistener',
        'flexbox',
        'fontface',
        'json',
        'nthchild',
        'opacity',
        'overflowscrolling',
        'rgba',
        'svg',
        'svgasimg',
        'svgfilters',
        'touchevents',
        'xhrresponsetypejson',
        'domprefixes',
        'setclasses',
        'shiv'
      ]
    }))
    .pipe(gulp.dest("./output/js/vendor/"))
});

但是运行这导致Building your customized Modernizr{ [Error: Error: ENOENT: no such file or directory, open '/Users/davesag/src/test-project/node_modules/modernizr/lib/../src/backgroundsize.js'

在 ./node_modules/modernizr/src 中查找，我看不到任何与这些选项匹配的文件。我只是误会了什么吗？这些功能名称直接来自我的 custom-built modernizr file as downloaded previously from the moderniser website includes the following options which I am trying to inject into the gulp-modernizr.

省略它构建的选项没问题，但没有选项我没有得到任何功能-类注入到我页面的 HTML 元素中。所谓的自动检测功能似乎不起作用。

我检查了Customizr page as per the docs，看来我做的是对的。但显然不是这样。

我应该怎么做？

Answer 1

options 指的是 Modernizr 构建器页面左侧的选项。这些通常是 API 和便利函数，例如 Modernizr.mq、Modernizr.atRule 等。

您想使用 tests 选项

Answer 2

@Patrick "it doesn't by default. you need to add options: ["setclasses"]"

实际上是选项：["setClasses"]

使用 gulp-modernizr 如何指定功能选项

Using gulp-modernizr how do I specify feature options

javascript

modernizr

gulp