如何使用grunt-contrib-stylus包含手写笔库?
如何使用grunt-contrib-stylus包含手写笔库?
我想添加Jeet&Rupture到我的手写笔设置。
我已经运行npm npm install --save-dev jeet
& npm install --save-dev jeet
但我不知道如何让他们使用手写笔设置,这是我有:
// Compiles Stylus to CSS stylus: { server: { options: { paths: [ '<%= yeoman.client %>/bower_components', '<%= yeoman.client %>/app', '<%= yeoman.client %>/components', '<%= yeoman.client %>/assets' ], "include css": true }, files: { '.tmp/app/app.css' : '<%= yeoman.client %>/app/app.styl' } } },
这就是我所说的Jeet。
@import 'jeet';
但是我得到这个error failed to locate @import file jeet.styl
>> 6| @import 'jeet'; >> --------------^
另一种解决scheme是包括图书馆的完整path,例如。
@import '/bower_components/jeet/stylus/jeet'
您可以为您所需的所有库执行此操作。
对于那些有兴趣的我find了一个解决scheme:
stylus: { server: { options: { use: [ require('jeet'), require('rupture'), function() { return require('autoprefixer-stylus')('last 2 versions', 'ie 8'); } ], paths: [ './node_modules/rupture', './node_modules/jeet/stylus', '<%= yeoman.client %>/bower_components', '<%= yeoman.client %>/app', '<%= yeoman.client %>/components', '<%= yeoman.client %>/assets' ], // "include css": true, // use: jeet() }, files: { '.tmp/app/app.css' : '<%= yeoman.client %>/app/app.styl' } } },