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

Question

我的 custom Moderniser build包括我试图注入(inject)到 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/"))
});

但是运行它会导致 构建您自定义的 Modernizr{ [错误:错误:ENOENT:没有这样的文件或目录，打开 '/Users/davesag/src/test-project/node_modules/modernizr/lib/../src/backgroundsize.js'

查看 ./node_modules/modernizr/src 我看不到任何与这些选项匹配的文件。我只是误会了什么吗？这些功能名称直接来 self 的 custom-built modernizr file as downloaded previously from the moderniser website包括我试图注入(inject)到 gulp-modernizr 中的以下选项.

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

我检查了 Customizr page as per the docs看来我做的是对的。但显然情况并非如此。

我应该怎么做？

Answer 1

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

您想使用测试选项