2014-11-07 3 views
1

Как включить Stylus Libraries с помощью grunt-contrib-stylus?Как включить библиотеки Stylus с помощью grunt-contrib-stylus?

Я хочу добавить Jeet & Rupture to my stylus setup.

Я запустить НПМ установить --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'; 
>> --------------^ 
+0

Мне удалось получить autoprefixer-stylus, используя 'use: [ function() {return require ('autoprefixer-stylus') ('последние 2 версии', 'ie 8'); } ], 'form here https://gist.github.com/sapegin/6987625 Но я до сих пор не могу понять, как работать с джиттом и разрывом. – Daimz

ответ

1

Для тех, кто заинтересован, я нашел решение:

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' 
     } 
     } 
    }, 
+0

Предполагается, что они установлены через npm вместо беседки или что-то еще? –

1

Альтернативное решение будет включать в себя полный путь к библиотеке , например.

@import '/bower_components/jeet/stylus/jeet' 

Вы можете сделать это для всех необходимых библиотек.

Смежные вопросы