Как включить библиотеки стилусов с помощью grunt-contrib-stylus?
Как включить библиотеки стилусов с помощью grunt-contrib-stylus?
Я хотел бы добавить Jeet & Rupture в мою настройку стилуса.
Я запускаю npm install --save-dev rupture
& 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'
}
}
},
И вот как я называю Джит.
@import 'jeet';
Но я понимаю error failed to locate @import file jeet.styl
>> 6| @import 'jeet';
>> --------------^
2 ответа
Для тех, кто заинтересован, я нашел решение:
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'
}
}
},
Альтернативное решение будет включать полный путь к библиотеке, например.
@import '/bower_components/jeet/stylus/jeet'
Вы можете сделать это для всех ваших необходимых библиотек.