Gulp未能找到@导入文件nib.style

Question

我得到以下错误

 failed to locate@import file nib.style

尝试使用.styl文件编译gulp时

知道怎么修吗？

gulp.task('flat', function () {
    gulp.src(['**/*.styl', '!**/**mixins**.styl', '!**/**variables**.styl'])
      .pipe(stylus())
      .pipe(gulp.dest('test/'));
});


{
    "dependencies": {
        "bower": "~1.4.1",
        "gulp": "~3.9.0",
        "gulp-complexity": "~0.3.0",
        "gulp-connect": "~2.2.0",
        "gulp-jscs": "~2.0.0",
        "gulp-jscs-stylish": "~1.1.2",
        "gulp-jshint": "~1.11.2",
        "gulp-sloc": "~1.0.4",
        "gulp-util": "~3.0.6",
        "gulp-stylus": "~2.1.1",
        "jshint-stylish": "~2.0.1",
        "open": "~0.0.5",
        "stylus": "~0.52.4",
        "nib": "~1.1.0"
    },
    "name": "app",
    "private": true,
    "version": "0.0.0"
}

Answer 1

您需要告诉gulp-stylus使用nib

var nib = require('nib')();

...
.pipe(stylus({ use : nib }))
...

Answer 2

您必须在任务中导入nib：

var nib = require( 'nib' );

您还需要告诉手写笔使用它：

gulp.src( [ '**/*.styl', '!**/**mixins**.styl', '!**/**variables**.styl' ] )
  .pipe( stylus( { use: [ nib() ] } ) )
  .pipe( gulp.dest( 'test/' ) );
});

Answer 3

如这篇文章所述，我能够解决在gulp文件中包含nib的问题。

var stylus = require('gulp-stylus');
var nib = require('nib');

gulp.task('flat', function () {
  gulp.src(['themes/**/*.styl', '!themes/**/**mixins**.styl', '!themes/**/**variables**.styl'])
  .pipe(stylus({
    compress: true,
    use: nib()
  }))
  .pipe(gulp.dest('test/'));
});