使用gulp-modernizr如何设置配置文件?

时间:2016-09-14 13:02:17

标签: javascript gulp modernizr

我正在使用gulp-modernizr,我已经阅读了如何设置目标文件夹,文件名和许多选项(documentation中解释的所有内容)

但我不知道如何设置配置文件,我已经尝试设置src但它不起作用:

gulp.task('modernizr', function() {
gulp.src("./node_modules/modernizr/lib/config-all.json") 
    .pipe(modernizr('outputFileName.js'))
    .pipe(gulp.dest('node_modules/modernizr/')) // destination folder
});

我知道如何从命令行执行此操作:

modernizr -c ./lib/config-all.json 

但是有人可以解释如何使用gulp-modernizr设置配置文件位置吗?

1 个答案:

答案 0 :(得分:4)

您没有将配置文件的位置传递给gulp-modernizr。而是将设置本身作为对象传递:

gulp.task('modernizr', function() {
  var settings = { 
    "options" : [
      "setClasses",
      "addTest",
      "html5printshiv",
      "testProp",
      "fnBind"
    ]
  };
  return gulp.src('./js/*.js')
    .pipe(modernizr('outputFileName.js', settings))
    .pipe(gulp.dest('node_modules/modernizr/')) // destination folder
});

如果您有要使用的JSON配置文件,则可以使用require()读取该文件,并将生成的对象传递给modernizr()

gulp.task('modernizr', function() {
  var settings = require('./node_modules/modernizr/lib/config-all.json');
  return gulp.src('./js/*.js')
    .pipe(modernizr('outputFileName.js', settings))
    .pipe(gulp.dest('node_modules/modernizr/')) // destination folder
});