2015-12-02 69 views
2

custom Moderniser build包括我試圖如下注入到gulp-modernizr工具以下選項:使用一飲而盡,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,似乎我做的是對的。但顯然情況並非如此。

我應該怎麼做?

回答

2

options指的是在Modernizr的建設者頁面左側的選項。這些都是典型的API和方便的功能,如Modernizr.mqModernizr.atRule

您要使用的tests選項

+0

酷是建立沒有錯誤,但它仍然沒有注射類名到'html'標籤如前。我想我需要做一些選項,其餘的作爲測試。將試驗。 –

+0

它不會默認。你需要添加選項:[「setclasses」] – Patrick

0

@Patrick「默認情況下它並不需要添加選項:[」 setclasses「] 「

其實它的選項:」設置ç lasses「]