Question

我的custom Moderniser build包含以下选项，我尝试将其注入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，其中包含以下选项，我尝试将其注入gulp-modernizr。

省略它构建的选项没有选项我没有将任何功能类注入到我的页面的HTML元素中。假设自动检测的东西似乎不起作用。

我检查了Customizr page as per the docs，看来我正在做的是对的。但显然事实并非如此。

我该怎么做？

Answer 1

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

您想使用tests选项

Answer 2

@Patrick＆＃34;默认情况下它没有。你需要添加选项：[＆＃34; setclasses＆＃34;]＆＃34;

实际上它的选择：[＆＃34;设置 C lasses＆＃34;]

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

2 个答案: